logo next to the menu

[forestier]

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 :

 

 

 

edit : sorry for the double post

Edited January 18, 2013 by forestier (see edit history)

[yaniv14]

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;

}

[forestier]

thxs for your help.

 

It works fine,but ive hooked the slider to the top of page.

 

So the slider is next to the logo too.

 

How can i manage that please?

[yaniv14]

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?

[forestier]

sorry for the double post,problem with connection

Edited January 20, 2013 by forestier (see edit history)

[forestier]

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 :

 

 

how i want it to be :

 

Edited January 20, 2013 by forestier (see edit history)

[yaniv14]

try to add: margin-top: 50px; (or something else to match your logo)

to .sf-menu { ....... }

[forestier]

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 :

 

[yaniv14]

the only different is that the slider is not stretched all the way, if you hooked your slider to displaytop, just make 960px wide slider images

[forestier]

i put the images at 960 * 255 for the test but it just make them appear wider , not stretch the slider.

Edited January 20, 2013 by forestier (see edit history)

[yaniv14]

do u have it hooked to displaytop?

[forestier]

yes