How to modify header to achieve this ..

Hi, i guess i did not explain myself very well Yigit ..sorry

I just want the block of colour in the main header, then the menu in the with the different background colour, i am not worried about the rollover effect.

Visually i would like the same header as this site http://www.cubebikesnortheast.co.uk

I can put he menus underneath the logo, but don’t know how to change the background colour, for the menus

Is that any clearer . ?

Cheers

Mike

Brilliant thank you ;-)

Just 2 more little things, i would like to increase the depth of the menu bar to accommodate a larger font and also increase the depth of the main header

Thanks again Yigit

Great stuff. that worked, but i now need to centre the menu links as they are slightly high up in the bar now (not centred), oh and lastly i would like to change the font to upper case ;-)

Thanks for all your help Yigit

Thanks, i managed to sort the uppercase out myself

Here is the link to my site ..very very early days http://www.cocoprint.co.uk

So just need to menu links to drop down a bit in the bar so they are centred

Cheers mike

Hi

Unfortunately that did not fix it
The menu writing is still slightly high in the bar

Here is all the custom CSS i have

#header_main_alternate { background-color: #282528; }
.av-main-nav > li:hover { background-color: #b5c62c; }
.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
height: 48px;
}#top .av-main-nav > li > a { text-transform: uppercase; }
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
height: 50px;
line-height: 50px;
}

Thanks

Mike

Hey

Thanks that seems to have done the trick

Thanks for your help

Mike