Getting boxes instead of arrows in my header menu

I never liked the default arrows for dropdown menus in my header. A long time ago I asked if there was any way to change it and I was told to use

.x-navbar .desktop .x-nav li > a > span::after {
content: β€œ\f0d7”;
}

The arrows look so much better, the problem is that about half the time they only show up as empty boxes. I know that deleting my cookies/cache fixes the issue, but I can’t ask clients visiting my site to make sure they come from a fresh browser session. It looks very unprofessional. Is there anyway I can change the default arrows without running into this square issue?

Hello @diatonicnerds,

Thanks for reaching out. :slight_smile:

Please take a look at the FAQ section in following post and scroll down to Why are some of my icons are appearing as an empty square?

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.