Different font in navbar and body

Hi, I want a different font in the navbar and the body. I tried to change it in the customizer. When I change the body font it also affects my navbar. But when I change the body font weight, it only affects the body. And also the items in the essential grid should have the same font as the rest of my body.

Here again my problem:
https://screencast.com/t/YIPVHEl5Ewn

My aim is:
Body: Google Font Loro Regular 400
Navbar: Google Font Lato Bold 700

Thank you for your help! :slight_smile:

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.hm10.x-menu > li > .x-anchor .x-anchor-text-primary {
    font-weight: 700;
}

Thank you. The CSS worked for the body weight.

Is it possible to apply different font families to the navbar and the body? I would like to have:

Body Font Family: Google Font Loro
Navbar Font Family: Google Font Lato

Thank you.

Hi There,

Yes, that is possible. I can see you are now using legacy header.
Go to Pro > Launch > Templates > Fonts:

Set Loro and Lato there and then go to Pro > Launch > Theme Options > Typography


Hope this helps.

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