Mobile aside menu

Can you please tell me how to change the image (color) and positioning of the aside menu that appears on mobile? I don't see the image or code in any of the css files. Thanks.

Hi.
Because this not a typical icon, we used Font Awesome.
If you want to have white color, use this:

Code: Select all

#gkMobileMenu > i { color: #FFFFFF; }

Here: http://www.gavick.com/documentation/joo ... -template/

Thanks, the code worked great for the color. How can I reposition it? I want to move it down. Since it is a font, I tried different line heights, but no luck.

Not "line heights" but use font-size as always you use for fonts.

Thank you, Pawel. Changing the font size doesn't change the positioning. I ended up using position: and top: attributes, which moved the menu down, but the actual hover menu activation stayed where it was. Can you tell me how to change that? Here is my site: http://javelinaco.cloudaccess.net/

I fought about something different, sorry.

Try this:

Code: Select all

#gkMobileMenu { margin: 45px 0 0 10px !important; }

But probably you have to do this changes into tablet.css and mobile.css

This worked perfect! Thank you!