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?