Archived topic
Mobile Menu Color Problem
4 replies · Started by Frank on July 22, 2018
Hi,
I have a site where the color of the mobile 'Menu' changes to white when I hover over it.
And it stays white until I release the menu.
This means i cant read the Menu label anymore when its active or on hover cause the background should be black with white letters.
In customizer it looks fine, but not on actual mobile or when i minize the window.
I tried changing the menu color to see iof there's any difference but no result.
Cant figure out what is causing this.
Any thoughts?
Cheers,
Rob
ps using beta version
I found out it's a button and it works when i change the buttons background hover color to black.
I want to keep all my other buttons as is though, with the white background as hover.
Im struggling to find the css for just changing the mobile menu label button background color.
Got it:
@media (max-width: 768px) {
/* CSS in here for mobile only */
.main-navigation .menu-toggle {
background-color: rgba(5,5,5,0.98);
}
Resolved :)
Now I took out the css I added to make this work, and the background is staying black......
Im so confused lol....
Ah well it works again.
Glad you figured out!
Let us know if you need another look :)