Jump to content

Recommended Posts

Hi everybody,

 

i would like to modify the original theme of prestashop.

 

I'd like to have my logo next to the horizontal menu,not on the top of it.

 

How can i do that please?

 

Thanks for your time.

 

Here is a example :

 

post-462360-0-13766000-1358521410_thumb.jpg

 

 

edit : sorry for the double post

Edited by forestier (see edit history)

Share this post


Link to post
Share on other sites

The way I see it, you will need to assign a width value to sf-container and float it right.

than assign a 100% width to the menu ul class.

and for the logo you can just assign an absolute position to fit you menu line.

 

try:

superfish-modified.css

 

.sf-contener {

clear: both;

width: 70%;

float: right;

}

 

 

.sf-menu {

float: left;

margin-bottom: 1em;

width: 100%;

}

 

global.css

 

#header_logo {

float: left;

display: block;

position: absolute;

top: 60px;

}

Share this post


Link to post
Share on other sites

I don't understand what you're saying, is it working fine? what's working and what's not, can you attach a screenshot or post your site url.

did you used everything I mentioned above?

Share this post


Link to post
Share on other sites

Thank you again for your code.

 

I have hooked the slider to the top of page as you will see in the screenshot.

 

i used all the code you gave to me but i dont want the slider to be next to the logo, i want it to stay under.

 

I just want the menu next to the logo.

 

thanks for your time :)

 

How it is now :

post-462360-0-27423500-1358676972_thumb.jpg

 

 

how i want it to be :

 

post-462360-0-33025800-1358676981_thumb.jpg

Edited by forestier (see edit history)

Share this post


Link to post
Share on other sites

ok,it's done.

 

But the only change i can see is that the block (menu + slider ) goes down .

 

i've tried until margin-top: 350px; to see the difference,but it only goes down.

 

Thank you for your help.

 

here is the screenshot :

 

post-462360-0-28362300-1358681183_thumb.jpg

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More