Changing Font Size in Hamburger Menu

  • Unknown's avatar
    ellistucci · Member ·

    Hi-

    I’m currently trying to edit the font size of my expanding hamburger menu using the Bute theme. I know I have to do this with custom CSS in the appearances menu, but I am not terribly familiar with CSS and am having trouble getting it to work correctly. Currently the code I’m using is

    .wp-block-navigation__responsive-container-content
    {
    font-size: 1.0em !important;
    }

    If anyone would be able to point me in the correct direction or say what I’m doing incorrectly here, I would greatly appreciate it. Thanks.

    WP.com: Yes
    Jetpack: Yes
    Correct account: Yes

    The blog I need help with is: (visible only to logged in users)

  • aleone89 · Staff ·

    Hey there,

    Many thanks for reaching out!

    This CSS should change the size of the menu items for you, and this can be added via Appearance > Customize > Additional CSS. 

    /* Change 

ul.wp-block-navigation__container.has-xx-large-font-size.is-responsive.items-justified-right.wp-block-navigation.has-xx-large-font-size a {
    font-size: 10px;
}

    Out of curiosity, is there a particular look or style you’re looking to achieve? Perhaps I can guide you in the right direction there.

    Speaks soon!

  • The topic ‘Changing Font Size in Hamburger Menu’ is closed to new replies.