How to Customize Prestashop Header

November 13, 2012 Alex Zaymund Prestashop, Tips&Tricks
How to Customize Prestashop Header

Customizing a header without using any modules is essential for the store’s appearance and, as it turns out, pretty easy. For instance, to change the background color of the header block or grid for it to stand out from the site background image, you need to insert the following code into the corresponding class:

Here is the piece of code to center the logo in the header:

Insert code into to global.css of your theme if it is default.



5 comments

  1. I am struggling with my blockbanner on sinsofeve.com

    I am trying to change the height to 250px, I have changed this in blockbanner.css and in global.css but it still isn’t working, i have also cleared cache a thousand and one times but to no avail. Any ideas? Please Please help, starting to go insane!!

  2. Hi,

    I want to change the header area to include the logo on the left side and on the right side I want to place the following links:
    – wishlist
    – Language
    – Currency
    – Menu link

    How can I do this? Thank you in advance for your help
    Iam using Prestashop 1.6

    Regards,
    Ayman B

  3. @ayman, try to use position: absolute; for the required blocks and “left” or “right” options to position logo and menu.

    But it seems you need RTL support for your theme. Try to create additional RTL CSS file and customize your theme there.

  4. hi,
    i want to display my store contact number in the header of my page. how can i do so.
    any suggestions would be valuable.

Post a new comment

top
BelVG Newsletter
Subscribe to our mailing list and get interesting stuff and updates to your email inbox.
Email *