Font awesome in dropdown menu

[KimAnn]

Hello-

I had a custom font awesome icon in the dropdown menu using code:

/dropdown arrow in menu/
.x-navbar .desktop .x-nav li > a > span::after {
content: “\f107”;
}

It is no longer working and creates a square.

Please see the nav menu at https://alisonljames.com/

[ruenel]

Hey @KimAnn,

To get your issue resolved, please go to Cornerstone > Theme Options > Miscellaneous > Font Awesome and change the Load Type to Web Font.

Cheers.

[KimAnn]

That doesn’t do anything. It was on web font and i changed it to SVG to try and fix it.

Please further advise.

[tristup]

Hi @KimAnn,

You might be facing a similar issue described in the following thread; if so, I would suggest you follow the way suggested by my colleague Prakash in his reply.

Update X from 10.3.9 to 10.4.x changes navigation layout

Hello Ralph, Thanks for writing to us. I would suggest you please add this custom CSS code to the Global CSS to get rid of your issue. .x-navbar .desktop .x-nav>li.menu-item-has-children i.x-framework-icon.x-framework-icon-menu:before { content: '\f078' !important; font-size: 12px !important; } 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 l…

NOTE: You may need to change the content value as per your choice of icon.

Hope it helps.
Thanks

[KimAnn]

That did it, thank you @tristup

[prakash_s]

You are most welcome @KimAnn