Move logo in the center of the header

[luka_82]

Hi! there

I have this same problem as here https://www.prestashop.com/forums/topic/245695-solved-move-logo-in-the-center-of-the-header/page-2 . I want to display the logo only in one row in the center.

 

I've try many thigs, also code below..
 

 

#header_logo {
position: relative;
left: 300px;
top: 30px;
z-index: 1;
}

 this code works good but effect don't look good no smatrphones - logo is out of the screen.

Responsive themes dosn't work with that.

link: http://test12392.futurehost.pl/sklep

 

BTW I wat to move cart bar to the right border

Can you help m, please?

( I hope you understand my english   )

Edited November 7, 2015 by luka_82 (see edit history)

[Daresh]

Use media queries with different rules for resolutions:

@media (min-width: 992px) {
#header_logo {
position: relative;
left: 300px;
top: 30px;
z-index: 1;
}
}