SOLVED:Top horizontal menu drop down list modify to be horizontal

[chanis]

Hi everybody,

 

First of all, my website is www.hortusbio.es, based in prestashop 1.5.4.0.

I have a problem with the horizontal top menu for a long time, that I can´t solve by myself.

I have a long list of subcategory when navigate in home page (productos ecológicos) I have to scroll down the page to see what´s on the bottom of drop down list.

What I would like is turn the vertical list into horizontal.

 

Thanks in advance.

 

Edited May 4, 2014 by chanishb (see edit history)

[NemoPS]

locate superfish-modified.css inside modules/blocktopmenu

 

then try this

 

.sf-menu li.sfHover ul {

left: 0;

top: 34px; /* match top ul list item height */

z-index: 99;

width:980px

}

 

You can adjust the width depending on the number of elements you'd like to show on each line, of course

[chanis]

 

locate superfish-modified.css inside modules/blocktopmenu

 

then try this

 

.sf-menu li.sfHover ul {

left: 0;

top: 34px; /* match top ul list item height */

z-index: 99;

width:980px

}

 

You can adjust the width depending on the number of elements you'd like to show on each line, of course

 

 

Thanks for your answer Nemo1,

I have done this before, and I attach you a picture about whats happens, It´s like the left column keeps empty, and al the categories are on the right column.

Any idea about how could I solve it?

[NemoPS]

It seems those li items have a 100% width css property, try removing it

[chanis]

Thanks Nemo1, you were all right.

I have solved with your first solution, and removing the borders I had put.

Thank you!! solved.