Font in Menu is not changing after adjusting in Advanced Styling

Hey JannyPolak,

Thank you for the inquiry.

Looks like the Advanced Styling settings may be getting overridden by another css rule, or the styles may be cached. Before anything else, please try to disable the Enfold > Performance > File Compression settings, save, and purge your cache, then check again.

If the styling still doesn’t apply, you can force the font and text-transform for the main nav links with this custom css added on the Enfold > General Styling > Quick CSS field:

#top .av-main-nav > li > a > .avia-menu-text {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
}

Make sure Josefin Sans is loaded on your site. If you’re using it via Enfold > Advanced Styling, it should already be enqueued. If not, you may need to select it under Enfold > General Styling > Fonts.

Please make sure to purge the cache before testing.

Let us know if the issue persists.

Best regards,
Ismael