BlockTopMenu Submenu Vertical listing CSS help

[djmarkm]

Hi

 

Need help with the CSS for the submenu on blocktopmenu (ul.submenu-container)

 

I like the chunky 1.6 styling so I don't want to simply overwrite the superfish-cssmodified with the 1.5 version but I want to replicate the 1.5 way of vertically listing the submenu items rather than wrapping them as current on 1.6

 

I've tried for hours to get the internal submenu li to appear each on their own line but am failing dismally

 

Can anyone offer any help on how I would do this?

 

 

 

 

[Paulito]

Hello

 

Have a look at this topic to see if it helps you

 

http://www.prestashop.com/forums/topic/344260-make-the-top-horizontal-menu-for-16-like-15-help/

 

Paul

[djmarkm]

Hi Paul

 

No that is of no use (I had already viewed that before posting this thread). 

 

Vekia solution was to overwrite superfish-modified.css 1.6 with 1.5 which is what I specifically stated I didn't want to do as I loose the new chunky 1.6 style.

 

Thanks for your input though

[djmarkm]

Hi All

 

I've managed to figure it out if anyone is interested. Not saying this is the best way to do it but it seems to work.

 

First in the Theme Configurator I've added a new theme css and placed all my modifications in there using the !important directive to override the styles. I've avoided modifying superfish-modified.css

 

 

To stop the li element wrapping remove the "float, width and height" style and adjust the margins

 

ul.submenu-container li {
 margin:7px 0 !important;
 padding:0 !important;
 float:none !important;
 width:auto !important;
}

 

Then remove the "width and height" format on the container (ul) to resize the column to the dropdown contents..

 

ul.submenu-container {
 overflow:auto !important;
 height:auto !important;
 width:auto !important;
}

 

 

I welcome any improvements on this...