Archived topic
Main Menu Navigation Glitch?
10 replies · Started by Vadims on January 17, 2018
Hello Tom,
My main menu navigation color is "rgba(183,183,183,0.2)" - looks like this (https://ibb.co/nNcRCR) and when I click on main menu navigation on mobile or tablet, main menu navigation changes color to this dark grey like so (https://ibb.co/ciGTsR).
How do I make it so that it stays at "rgba(183,183,183,0.2)"?
Thank you
Hi there,
Can you try this CSS for now?
button.menu-toggle:hover {
background-color: rgba(183,183,183,0.2);
}We will take a closer look to see if this is a bug :)
Thanks!
Can you turn off your caching/minifying so I can see the code more clearly?
Hello guys,
Thank you for the code Leo, I'll see if it works.
Caching/minifying is off.
Thank you.
Looks like the issue went away now with caching off?
Tom,
no, it is still happening.
Some sort of caching/minifying is still turned on.
Hello Tom,
now everything should be turned off.
And now the issue seems to be gone. I think the minify function is mixing up the order of the CSS which is important.
Can your caching plugin be turned on without minifying/combining CSS?
Tom,
I just tried entering a code that Leo provided me with and turning off css minifier as you advised and both things seem to work, the color doesn't change now.
Thank you very much guys and thank you for your time.
You shouldn't actually need the CSS Leo provided. You can use Autoptimize for the CSS minifier/combiner, since it respects the natural order of the CSS.
