Fixed Menu Bar

So first I have 2 things Im trying to get working. First I have setup the Menu Type to be "Classic Menu". My client cant see the small menu Icon and wants it fixed. However it seems to only stay fixed as I scroll back up, not down. Is there a way to fix this?

Also my font color is white when I first load into the website, then the font is black in fixed menu, I need it to be black all the time, is there a setting for this?

Thanks for the help guys, much appreciated.

Could you please post an url to your site?

yes, its KingCoconutWater.com

Lets start with menu behave - its a designed feature of this template... To remove it you would need to edit some core javascript template files. Are you ok with that?

At this point it would best if I can see this with a dark color font first. May not need to change the way it behaves if the top menu has dark font. Right now its white which I cant see it.

Lets start with that and lets see how this looks, that might be all that is needed. What setting to I change?

Please edit: /templates/gk_quark/css/override.css and add at its end:

Code: Select all

.dark-bg .gkMainMenu > .gkmenu > li > a, .dark-bg .gkMainMenu > .gkmenu > li > span {
    color: #000 !important;
}


Remember to enable "CSS override" in template settings - advanced section.

You might also want to change logo color to black:

Code: Select all

.dark-bg #gkLogo.text, .dark-bg #gkMobileMenu span {color: #000;}


my override CSS file was empty. So I added the lines you suggested and upload. Then I changed the setting to select my overide file and the website doesnt display.

I have reverted back to the Off Canvas Menu, the problem is I have a light color background and white menu Icon that customers cannot see.

Please check if less compilation (template settings) is enabled. If so, please disable it and add those lines to the override.css file again.