How to change the color of the hamburger menu

Ask for help or provide support to other members.
Post Reply
stratego
Posts: 8
Joined: Tue Mar 31, 2020 8:21 pm

How to change the color of the hamburger menu

Post by stratego »

Hello

I'd like to know how to change the color of the hamburger menu

Indeed, the background of the menu bar is light grey and the hamburger menu is white so it's difficult to see it

Thank you
User avatar
kld997
Posts: 13
Joined: Thu Nov 30, 2023 9:35 pm

Re: How to change the color of the hamburger menu

Post by kld997 »

Hello!

Hoping I can help, new to the forum and hate to only ask questions.

hover your mouse over the hamburger, and right click to pop open your browser menu. Towards the bottom is an 'inspect' option or something very similar. This will open a window on the right, and will pre-select whatever you're mouse was on prior to opening it. You will see the html on top, and the css on bottom. find the html for the hamburger, and click it to make sure it selects the CSS for it.

In the CSS window, you should find some options with a color next to it, and then further to the right the exact .css file that has that styling. (Normally just style.css on the server ../wondercms/themes/[yourtheme]/css/style.css), in the CSS window it will look like 'style.css:23' 23 representing the exact line number showing in the CSS file, it will very likely not be 23.

Play with the coloring in the web inspector to make sure you're messing with the correct thing, and once you know for certain, navigate to that exact file and line number inside your server. From there just change the color (either with #[colorcode] or rgb(color, color, color)

Hope this helps! Good luck.

P.S. its a good idea to do a backup of any file before tinkering in case you mess something up and dont remember what.
Post Reply