Header Design not displayed correctly on live site

Hi, Ive designed a header with PRO but the font and font size of the menu in the nav bar is displayed differently across the live site. Can you help what is wrong here?

This is how it should look like (as per header builder): https://screencast.com/t/X5ZPwe3Lurhn

Live site: https://screencast.com/t/WKMQB1Yl

Hi,

It’s because of this code that you added in Appearance > Customize> Additional CSS

.e1757-5.x-menu > li > .x-anchor .x-anchor-text-primary{
    font-family: loto !important;
    font-weight: 600 !important;
    
}

That code will only render on the front end so you will not be able to see the effect in Header Builder.

If you want it to take effect in Header Builder you need to add it on Header > CSS

Thanks

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