Move Logo but keep search and top nav in the same place

Hi,

I have a Square logo which doesn't fit well in the current setup of the template.

I need to move the logo up almost to the top but keep all other elements in the same or similar position.

1. Logo to move up (its not at its correct size in the image)
2. these elements to be central to the logo instead of inline with the top of the logo.

Once i know whats controlling what i will be fine from there - i have had a bash at it but no luck?



Thanks in advance....

Stefan.

Could You post a link to your website?

sorry forgot to add it in - thanks

www.keratinblowdry.com

1. Enable override.css in template settings
2. Edit override.css in /templates/gk_storebox/css
3. Add at its end:

Code: Select all

#gkHeader {position: relative};
#gkLogo {position: absolute; float: none; top: 0px; left: 0px}
#gkLogo img {width: 110px;}


It will move logo to top left corner (top: 0px; left: 0px) and shrink it to 110px (width: 110px;)

Hi,

thanks for that, I now need to move the main menu over to the right away from the logo. Ive tried to have a go at it but cant seem to work it out.

whats controlling that?

thanks in advance,

stefan.

Code: Select all

#gkHeader {position: relative; height: 132px;};
#gkLogo {position: absolute; float: none; top: 0px; left: 0px}
#gkLogo img {width: 110px;}
#gkMainMenu {position: absolute; top: 10px; left: 150px}


(add height to #gkHeader and #gkMainMenu declaration)

thanks a lot for that - perfect.

remind me how to do solved in the forum.

stefan.

You can put [solved] in title of first post, or leave it as it is