Jump to content

moving logo.jpg


Recommended Posts

Hello im new to prestashop and seting up and aquatic shop need help changing the desgine.
i want to move logo.jpg from the top left of the header to the center of the header iv had a look in header.tlp and codent find anythin please healp :)

Link to comment
Share on other sites

It is the following code in the /* global layout */ section of global.css that controls the position of the logo:

h1#logo {
   float: left;
   width: 27%;
   margin-top: 0.5em
}



It is positioned to the left of the header, 0.5em from the top of the page. You could change 27% to the actual width of the logo and add a margin-left to make the logo appear centred, though if you have the header modules on the right, you'll need to reduce the width of them so they don't wrap onto the next line:

#header_right {
   float: left;
   margin-bottom: 15px;
   width: 73%;
   text-align: right
}



Reduce the width to the width of the page minus the width of logo and margin-left.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...