Full-width header for prestashop default theme

[j.volk]

Hello,

I am running Prestashop 1.2.2 with the default prestashop theme. I am trying to add a full-width header image to my page, but cannot seem to figure out where to change the code to specify the area I want to put the image in.

Any help will be greatly appreciated.

Thanks,
Jason

[rocky]

Hi j.volk,

I'm using a full-width header on my website. You need to modify the h1#logo and #header sections of css/global.css in your theme's directory. On my site, I changed:

h1#logo {
   float: left;
   width: 29%;
   margin-top:0.5em;
}
#header {
   float: left;
   width: 71%;
   text-align: right;
}

to:

h1#logo {
   float: left;
   width: 960px;
   padding-top: 10px;
   height: 100px;
   overflow: hidden;
}
#header {
   float: left;
   height: 10px;
   width: 71%;
   text-align: right;
   overflow: hidden;
}

Hopefully, you can adapt this to your needs.

[j.volk]

Thanks for the quick reply. I was able to make it work with your solution.

Regards,
Jason

[Mr Bombastic]

Thanks from me too! jVolk