Best way to reduce "gk-menu-wrap" height

Hi guys !
In my cloudHost theme , I want to reduce the "gk-menu-wrap" header height!
If i inspect the css i saw the top-bar height in css :

Code: Select all

#gk-top-bar, #gk-menu-wrap #gk-top-bar {
background: #3c99df;
height: 53px; // thissss
line-height: 53px;
overflow: hidden;
-webkit-transition: all .35s linear;
-moz-transition: all .35s linear;
-ms-transition: all .35s linear;
-o-transition: all .35s linear;
transition: all .35s linear;
}

but don't found the "gk-menu-wrap" height inside css.
where is the best way to insert inside override.css for reduce this height?
I don't want to insert manual height for responsive visualization problem .

Thanks in advance !

Hi,

The mentioned css can be used to reduce #gk-top-bar height. If you want to reduce gk-menu-wrap (main menu) you should use this code:

Code: Select all

#gk-header-nav .menu > li, #gk-top-bar .menu > li {
height: xxx;
line-height: xxx;
}

Then you should also add this code (because of grey background in reduced space):

Code: Select all

#gk-head.gk-no-menu {
padding-top: xxx px;
}