Changing menu-background color and heigth

Hey guys!

I am setting up a nice page with storefront template.

Now I would like to change the black-background-color of the main-navigation to #96bafd and the height of the main-menu to 40 px.

Any suggestions how that can be done?

Okay - I figured out how to reduce the height to the menu - unfortunately now there is a whitespace between the menu and the slideshow (see: http://www.cool-o-mat.com/zentrum/cms/).

How can I get rid of this space?

Changed this in menu.css to reduce the heigth:
}
.gkMenu > ul > li {
clear: none!important;
display: inline-block;
font-size: 13px;
font-weight: 400;
height: 40px;
line-height: 40px;
text-transform: uppercase;
width: auto;

}
.gkMenu > ul > li > a {
color: #eee;
display: block;
height: 40px;
line-height: 40px;
padding: 0 20px;
position: relative;

OKay - color changes are applied in the template.css here:

#gkHeaderNav {
background: #96bafd;
position: fixed;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
top: 38px;
width: 100%;
z-index: 10000;

and in the /menu/menu.css here:

#gkMainMenu {
float: right;
padding: 0;
background: #96bafd;
}

[b]Now I just need help in removing the whitespace beneath the menu after reducing height to 40 px.
Any ideas here?
[/b]

Hi

Please show me exactly where to look fot this empty space. I do not see it under menu. Did You fixed it already ?

http://www.cool-o-mat.com/zentrum/cms/i ... nderwunsch

See attached image

Here's the image

Hi

Add this code to override.css and make sure override is enabled in template settings:

Code: Select all

#gkHeader {
    padding: 78px 0 0;
}


Brillant!

Thank you very much!!