CSS question regarding menu generator
I have a question regarding the code generation. As @acorn said, if the placeholder width is small enough the code generator will bring about a hamburger icon for the phone variant.
My hamburger icon has to be white. Where might I find the color in the code; body or css, or perhaps JavaScript.
Thanks everyone
-Bill
1 Attachment(s)
Re: CSS question regarding menu generator
Hi Bill. It appears that the hamburger icon colour is set by the Top Menu font colour. So to change the hamburger to white you need to set your Font Colour to white.
I find the icon is on the mean side size wise but I don't think you can change this.
I sent you a PM, did you get it?
Re: CSS question regarding menu generator
@Bill & @Egg
The CSS code for the Hamburger is:
Quote:
#menu label:before {
font-size: 1.6em;
color: #FFFFFF;
content: "\2261";
margin-left: 20px;
}
You can change the colour, the font size and the symbol.
@Bill, a previous ask. You mention there was a 800px wide limit.
I didn't experience it but the CSS that does control the Variant switch-over is:
@media screen and (max-width: 800px){ ... }.
Acorn
Re: CSS question regarding menu generator
Quote:
Originally Posted by
Egg Bramhill
Hi Bill. It appears that the hamburger icon colour is set by the Top Menu font colour. So to change the hamburger to white you need to set your Font Colour to white.
I find the icon is on the mean side size wise but I don't think you can change this.
I sent you a PM, did you get it?
Thanks Egg, but I got the video and your couple of demos. Thanks for that reply. That being the case should be no problem.