Non-showing Icons in Header Links Menu

[jameswcastle]

Odd/Non-Showing Icons appearing in header link menu on Desktop: https://www.southnassaulifesaver.org/

<i class=”x-framework-icon x-framework-icon-menu” data-x-icon-s=”” aria-hidden=”true”>

I have tried a few things (deactivating plugins, etc.) to know avail.

Any help is greatly appreciated!

[ruenel]

Hey James,

Thanks for writing in! Please go to Cornerstone > Theme Options > Misc > Font Awesome and make sure to check your Font Awesome settings.

You can change the Load Type From “SVG” to “Web Font”.

Best Regards.

[jameswcastle]

Thanks Ruenel,

I have set accordingly, but still displaying the same issues. Thoughts?

Much appreciated,
James

[prakash_s]

Hello James,

I checked your given site URL it seems that you have added the custom CSS code for the icon in the child theme, I would suggest you please find this custom CSS code from your child theme style.css.

.x-navbar .desktop .x-nav li > a > span::after {
    content: "\f078" !important;
    font-size: 70% !important;
}

Now you need to replace the above custom CSS code with the given code.

Updated Custom CSS code

.x-navbar .desktop .x-nav li > a > span::after {
    content: "\f078" !important;
    font-size: 70% !important;
    font-family: FontAwesome;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[jameswcastle]

Prakash,

Thanks! This did the trick!

Greatly appreciated,
James

[prakash_s]

You are most welcome, James