Learn in this tutorial how to increase the size of the Genesis Sample hamburger menu on mobile devices using code.
As you know,Genesis Sample child theme displays by default the text “Menu” next to the burger icon on small screens:
Thanks to the tutorial where I explained how to remove this text you can get a more minimalist look.
But what if you also want to take advantage of the space freed to increase the size of the burger menu?
Well, here are the steps to get it in Genesis Sample (≥ 3.0):
Snippet to make the burger menu bigger in Genesis Sample
Add this code to the end of the file style.css:
With this simple change you increase the Genesis Sample burger menu icon for small screens.
Now you know how to resize the Genesis Sample responsive menu with a simple snippet.
Any questions? I read you in the comments.
And if you want to give me any suggestion for future tutorials, leave it in the contact form. Advantages of being a subscriber. 😉