Hi there,

Just wondering where I can change the height for the top menu on the vision template. Basically I'm just trying to get the black band a little thinner, but I'm a bit stumped. Many thanks in advance!

Hi Jayant,

Do you mean the nav itself or the space above the nav?

If its the space above then just adjust the height on #top_wrap

or otherwise if you mean the menu items try changing the #nav to:

#nav {height: 40px;float: right;width: 100%;overflow: hidden;}

The height changes the height of the nav and overflow. Then change this rule:

#nav ul li a {color: #c3c3c3;text-decoration: none;font-size: 90%;text-transform: uppercase;padding: 22px 0 23px} and adjust the padding to your desired padding. That gives each menu item the height.

Then change this to get the drop down menus to sit underneath the new menu level:
.nav li:hover ul,ul.nav li.sfHover ul {left:-1px;top:57px;} Changing the top to 30px will make it fit underneath a #nav height of 30px.

Cheers Anthony

Thanks Anthony,

It is the nav height that I meant. I'll give it a shot!