Premium support

Please log in to post in these forums. If you didn't create an account when you purchased, please contact us.

Free support

If you haven't purchased GP Premium, support for the free theme can be found on WordPress.org.

[Support request] Changing Navigation Bar[s] Font Size

Home Forums Support Changing Navigation Bar[s] Font Size

This topic contains 5 replies, has 2 voices, and was last updated by  Leo 1 week, 1 day ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #418316

    Hi Tom/Leo,

    I may have raised a similar question a while back for another site.

    But try as I may, I cannot increase my Top and Main Navigation Bar Font Sizes. I’ve tried the Customize/Typography feature and it changes it in the back-end, but doesn’t appear to in the front.

    I’ve flushed my cache and looked at the site on my VPS and it all still looks the same size font to me.

    I’ve now tried CSS as per below – still no luck!

    .main-navigation a {
    font-size: 21px;
    }

    .top-navigation a {
    font-size: 22px;
    }

    The font sizes above, are just some random ones I’ve thrown in for testing it.

    I’m not sure I’m on the right path here, any help appreciated. Thank you.

    Regards,
    Robert

    GP Premium 1.4.3
    #418550

    Leo
    Staff

    Hi there,

    The customizer option should work so let’s avoid CSS first.

    Are you using a child theme? If so have a look at this: https://docs.generatepress.com/article/child-theme-issues/#import

    Let me know 🙂

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #419808

    Hi Leo

    Thanks for the initial advice. Much appreciated.

    I’ve removed the code you sent me in the CHILD and in the Parent theme.

    The issue has been addressed in the MAIN Nav bar, but the font is still smaller than desired in the TOP Bar and the top bar is now too short in its height. Could please offer anymore suggestions to address these two remaining issues?

    Thank you,
    Robert

    #420203

    Leo
    Staff

    You should be able to change the font size in Customizer > Typography > Top Bar.

    Then increase the top and bottom padding to increase the size: https://docs.generatepress.com/article/top-bar-widget-area/#spacing

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #420831

    Hi Leo,

    No luck sadly using Customizer > Typography > Top Bar for the TOP Menu. The CSS code below did do it however!

    .main-navigation a {
    font-size: 21px;
    }

    .menu-item-163455, a {
    font-size: 23px;
    }

    Not really a clue “how” but it appears to work!

    Regards,
    Robert

    #420910

    Leo
    Staff

    Ahh they are link.

    This might work better:

    .top-bar a {
        font-size: 25px;
    }

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.