[Resolved] Change font size of the word “Menu” next to hamburger on mobile

[spicerdigital]

Hi there!

I’d like to change the font size as per above as it looks too large on mobile, and therefore out of step with the rest of the site design. What is the best way of doing this, please?

Many thanks in advance!

[Leo]

Hi there,

Try this CSS:

@media (max-width: 768px) {
    .main-navigation span.mobile-menu {
        font-size: 17px;
        width: 1em;
        height: 1em;
        top: -0.125em;
        position: relative;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[spicerdigital]

Hi Leo

That’s worked beautifully. Thank you!

Next question is how do I get it so it is aligned centrally with the burger in the hamburger, if you get my meaning? 🙂

[Leo]

Can you link me to the page in question?

[spicerdigital]

Sure.

[Leo]

Try the edited CSS:
https://generatepress.com/forums/topic/change-font-size-of-the-word-menu-next-to-hamburger-on-mobile/#post-1547137

[spicerdigital]

Amazing! It looks awesome! Thank you, Leo!

[Leo]

No problem 🙂

[Author]

Posts