Drop down menu footer and top bar font

[isa1978]

Hello guys!
Can you please help me? I need to have the Drop down menu (submenu) top bar and footer with the same font as the headers which is LATO.

Can you please help me do it?

thanks a lot
isabella

[Prasant]

Hello Isabella,

Thanks for writing in!

Please add following CSS under X > Theme Options > CSS:

.x-navbar .desktop .sub-menu a {
    font-family: "Lato",sans-serif;
}

footer.x-colophon.bottom .x-nav li a {font-family: "Lato",sans-serif;}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[isa1978]

hey there thanks for your help.
it worked in the menu but not in the footer and top bar.
can you please have a look?

thanks a lot

[christian]

Hey Isa,

We’re sorry if we missed those. Please replace the code provided previously with the one below. Please note the selectors I’ve named them using CSS Comments. You can use them next time to add custom styles to those elements.

.x-navbar .desktop .sub-menu a /* Sub Menu Item Selector*/,
header .x-topbar .p-info /* Topbar Content Selector */,
.x-colophon-content /* Footer Content Selector */,
footer.x-colophon.bottom .x-nav li a /* Footer Menu Item Selector */ {
    font-family: "Lato", sans-serif;
}

Hope that helps.

[isa1978]

Thanks a lot. It worked now

[friech]

We are delighted to assist you with this.

Cheers!