Archived topic
Change font size of the word "Menu" next to hamburger on mobile
7 replies · Started by spicerdigital on November 25, 2020
Viewing posts 1–8 of 8
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!
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 :)
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? :)
Can you link me to the page in question?
Sure.
Amazing! It looks awesome! Thank you, Leo!
No problem :)
This archived topic is closed to new replies.
