Move logo to header

[AlexeyB]

Hello guys,

I'm a beginner at Prestashop and have one question.
I'd like to move logo to center of header like on my screenshot. But when I move it down, header and page move lower too.
How can I do this correctly?

My global.css

#page {
   width: 980px;
   margin: 0 auto 2px auto;
   text-align:left;
}

#header {
   background:url(../img/header.gif) no-repeat center top;
   float: left;
   width: 980px;
   height: 175px;
   text-align: left;

}
h1#logo {
   float: left;
   margin-left: 30px;
}

Thank you for your understanding!

[shacker]

Hello guys,

I'm a beginner at Prestashop and have one question.
I'd like to move logo to center of header like on my screenshot. But when I move it down, header and page move lower too.
How can I do this correctly?

My global.css

#page {
   width: 980px;
   margin: 0 auto 2px auto;
   text-align:left;
}

#header {
   background:url(../img/header.gif) no-repeat center top;
   float: left;
   width: 980px;
   height: 175px;
   text-align: left;

}
h1#logo {
   float: left;
   margin-left: 30px;
}

Thank you for your understanding!

test with:
h1#logo {
float: left;
margin-right: -330px;
}
assign negavive values to overflow the other items

[AlexeyB]

Thank you, it's working.

[shacker]

Thank you, it's working.

Please put solved on title.
Best regards

[curtdonohue]

This might also be of help. I create a video showing how to center a logo on the home page. It covers the CSS required for that as well as a few other tricks related to the block modules.

 

You can check out the video here: Center a Logo on the Home Page of Your PrestaShop Store.

 

Hope that helps.