Archived topic
change mobile menu icon
5 replies · Started by Dwight on July 6, 2018
Hello guys,
Thanks for all your help. Got my new site up and running:
Looks so good, works on a phone and is easy to edit. My old site was none of that. Thanks again for all your patience and your help.
Got a minor tweak that I need your help with.
The mobile menu icon is white and, on the home page, tends to fade into the white of the background. I'd like to make it bigger so that it stands out more. Looking at other support topics, looks like I have to add some CSS to the site, but none of them had exactly what I wanted and I didn't want to experiment with a live site. What CSS do I have to add to make the mobile menu icon bigger, and where exactly, do I need to add it?
If you have a better solution for making the icon more visible, please let me know.
Dwight
Hi there,
This CSS should work:
button.menu-toggle {
font-size: 25px;
color: #000;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
I've added a line to change the color as well if you want to give it a shot.
Great, exactly what I needed, Thanks again all of you.
No problem :)
I want to change the mobile menu icon is it possible
Can you open a new topic for the question?
This one is a bit too old.
Thanks!