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:
|
1 2 3 4 |
#header { background: none repeat scroll 0 0 red; position: relative; } |
Here is the piece of code to center the logo in the header:
|
1 2 3 4 5 6 7 8 9 |
#header_logo { display: block; float: left; left: 395px; margin-top: 30px; position: relative; top: 0; z-index: 10; } |
Insert code into to global.css of your theme if it is default.
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
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.
@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.
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
Thanks For this simple solution
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!!