Changing the font size in the navigation menu (ONLY)

  • Resolved Doppelganger

    (@retaletherapee)


    4 years, 3 months ago

    Hello.

    I would like to be able to adjust the font size (and perhaps eventually other aspects of it) of the Navigation Menu, without it affecting the Typography of the other texts and headings in my website.

    I have searched far and wide over the web (video tutorials, search engine results, other forums, blogs…) for a fix / solution or instruction, but all to no avail. Last thing I tried was put it in a CSS code I found somewhere here in these forums, but alas, even that didn’t work.

    I’m also using the free version of the Astra theme, if that helps.

    Thanks in advance for any and all assistance on this!

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @retaletherapee,

    There’s no dedicated option on the Astra theme to change the font size menu. It will inherit the font size configured from the Typography under the Global section on the Customizer. You are going to need custom CSS code to make the font size menu different from the other texts on your site.
    ?
    Would you please try adding the following CSS code in Appearance > Customize > Additional CSS

    .main-header-menu .menu-link {
    font-size: 1.2em;
}

    And try the code below if you are using the Transparent Header

    .ast-theme-transparent-header .main-header-menu .menu-link {
?    font-size: 1.2em;   
}?

    Please feel free to modify the code above as per your needs.
    ?
    ?I hope it helps.

    ??Kind regards,
    ?Herman ??

    Thread Starter Doppelganger

    (@retaletherapee)

    Thank you so much!! I will try this code and let you know what happens!!

    ?You’re most welcome, @retaletherapee!
    ?
    ?If it’s not working, please share with us your site URL so we can provide you the working code for your site.
    ?
    ???Kind regards,
    ?Herman ??

    Thread Starter Doppelganger

    (@retaletherapee)

    OMG, that code worked like a charm, @brainstormteam!! You are brilliant! Can’t thank you enough!

    ??Perfect, @retaletherapee!

    Very pleased to know that the code is working for you.

    Please mark the topic as resolved and do let us know if there’s anything else we can help you with.

    ??Have a nice day and stay safe!

    ??Kind regards,
    ?Herman ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing the font size in the navigation menu (ONLY)’ is closed to new replies.