[SOLVED] Need help in editing space under logo

[hdavy2002]

Hi all,

I have this free template from http://www.templatemonster.com/free-templates/free-prestashop-theme.php

My website is http://madhvis.com

As you can see the logo is hiding behind the menu. Could not figure out what to edit in order to make some extra space between the logo and the menu. I did go into the theme css, but was totally lost as to what i should be looking for.

Attaching all the files in the css folder

http://www.2shared.com/document/tro9em_a/global.html
http://www.2shared.com/document/gtHz0u2m/maintenance.html
http://www.2shared.com/document/IVzG7cOU/scenes.html
http://www.2shared.com/document/5T2flAHI/style.html

Any suggestions?

Many thanks

[razaro]

You could first try to re-size logo to about 300 x 80 px.

If you don't want to re-size make following changes in global.css

#header {
height:210px;
position:relative;
}

global.css (line 178)

#permalinks {
background:url("../img/topmenuBg.png") repeat-x scroll 0 0 transparent;
height:74px;
left:0;
list-style-type:none;
margin-top:135px;
position:absolute;
width:515px;
}

global.css (line 674)

#header #header_user {
background:url("../img/headerUserBg.png") repeat-x scroll 0 0 transparent;
color:#FFFFFF;
font-weight:bold;
margin-top:135px;
position:absolute;
right:0;
width:437px;
}

global.css (line 767)

So what is changed is height and two times margin-top.

[hdavy2002]

Thank you. It's perfect now. I am enjoying Prestashop. Thanks dev team.