Change Transparent Background on Main Menu on Homepage to Wh

Is there a way to change the background of the Main Menu on the homepage from tarnsparent to white even when the page is scrolled all the way to the top???

Hi.

Try this one:

Code: Select all

.imageBg #gkMainMenu { background:#fff;}

.imageBg .gkMenu > ul > li > a { color: #444; }

More tips here: http://www.gavick.com/documentation/cat ... -template/

Hi.

Try this one:

Code: Select all

.imageBg #gkMainMenu { background:#fff;}

.imageBg .gkMenu > ul > li > a { color: #444; }

More tips here: http://www.gavick.com/documentation/cat ... -template/

Where am I supposed to put this? I tried modifying the menu.css file with no success

Hi.

Try this one:

Code: Select all

.imageBg #gkMainMenu { background:#fff;}

.imageBg .gkMenu > ul > li > a { color: #444; }

More tips here: http://www.gavick.com/documentation/cat ... -template/

Also tried putting this in the override.css file... it pnly makes the background behind the menu items white and not the entire bar across the screen... any advise?

http://s24.postimg.org/r614tnbut/Capture.png

it only makes the background behind the menu items white

Yes, because you asked for it

Is there a way to change the background of the Main Menu on the homepage

So now you want a white background for all header bar yes?

Here you are

Code: Select all

.imageBg #gkHeader > div:first-child  { background:#fff;  }

Remember about color of menu items links

Code: Select all

.imageBg .gkMenu > ul > li > a { color: #333; }

Result but with #444 background color instead