Change of Layout of headering and logo

Hello community,

i would like to help me in a new project.. I have started developing the http://www.Testohsterone.com and i would like to make some changes at the front page...

I would like to make the header image that used as a logo to be from the one side to the other... Also i would like to make higher and to place the menu bar below of the logo image... So the desired result is to make the black logo box to be from the one to the other side... also the menu bar should be down of the black box and without the grey box..

Please see the attached picture for better understanding

I'm waiting for your kind help...

Best regards

Hi,
hmm...I shouldn't help with customization for commercial jobs, but I will try to help a little bit:
Start from this:

Code: Select all

#gkHeaderNav {max-width: 100%;}
#gkLogo {background: #060808; height: 250px; margin: 0 15px 0 0; }
.gkMenu > ul { height: 21px; margin: 5px 0;padding: 0 10px 10px; }
 

p.s.
Use guides from: http://www.gavick.com/documentation/cat ... -template/
Also Firebug plugin for Firefox should be useful - I described how to use it here: http://www.gavick.com/documentation/joo ... -size-etc/