[Resolved] Primary Sub Navigation Font

[Paul]

I was able to successfully adjust font on the Primary Navigation, but how can I adjust the font on the Primary Sub Navigation?

[Tom]

The sub-navigation inherits the fonts from the main navigation and reduces the font size a bit.

You’d have to target the sub-navigation with CSS to change it:

.main-navigation ul ul li a {
    /* Sub-navigation CSS in here */
}

[Nir]

I have the same problem.

The code you wrote doesn’t work for me.
I set it to
——————————-
.main-navigation ul ul li a {
font-size: 30px;
}
——————————-
I didn’t get any font adjustment.
Can you help?

Can you just put the sub navigation adjustment in-
Typography / Primary Navigation?
Typography / Secondary Navigation?
Typography / Slideout Navigation?

Thanks in advance.

[Tom]

Try this:

.main-navigation .main-nav ul ul li a {
    font-size: 30px;
}

Let me know 🙂

[Nir]

OK. It works.

But… It bothers me.
Why?
2 years ago the code looked different.

What will be in the future?
Will this code work in 2019,2020…?
Can you promise this?

Please just put the sub navigation adjustment in-
Typography / Primary Navigation
Typography / Secondary Navigation
Typography / Slideout Navigation

I don’t like patches. Sorry.

[Tom]

This is something that could probably use an option one day, although it really hasn’t been requested a whole lot.

Appreciate the feedback!

[Author]

Posts