Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

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

Home Forums Support Changing Navigation Bar[s] Font Size

  • This topic has 5 replies, 2 voices, and was last updated 3 years ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #418316
    robmac

    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
    Customer Support

    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 🙂

    #419808
    robmac

    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
    Customer Support

    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

    #420831
    robmac

    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
    Customer Support

    Ahh they are link.

    This might work better:

    .top-bar a {
        font-size: 25px;
    }
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.