Get Free Audit

How to Customize Prestashop Header

Nov 13, 2012

2584 Alex Zaymund

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:

Igor Dragun
Partner With Us Let's discuss how to grow your business. Get a Free Quote.
Talk to Igor

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

Igor Dragun
Partner With Us Looking for a partner to grow your business? We are the right company to bring your webstore to success. Talk to Igor


  1. 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.

  2. @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.

  3. 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

    Ayman B

  4. I am struggling with my blockbanner on

    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!!

Post a new comment

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