long Menu items are not correctly aligned in block_top_menu in default bootstrap theme

[PrestaUser348]

I would like to how to correct the CSS for block_top_menu in default bootstrap theme so items get correctly displayed. currently if a you have very long category name, the following categories gets stacked together as shown in the screenshots

 

 

Menu item TEST7 should not be under item TEST5 but to the left of it

 

[Hifihylden]

I have the same problem as PrestaUser348 with the new version 1.6.0 .....

Also I have many categories, so I have a "two line" menu. Could some one please tell me how to increase the line height (the spacing between the two lines). The menu is the standard Superfish.

 

Thank you

Edited May 10, 2014 by Hifihylden (see edit history)

[vekia]

there are two possibilities.

1) increase width of the columns - this will work only if number of subcategories will be the same

2) you have to define height param for each <ul> element -it must be the same for each block of categories.

 

at the moment there is no other solution, unfortunately.

[Hifihylden]

Thank you vekia.
Re 2) is this done in the superfish-modified.css ?

Thank you

[vekia]

you can create new styles anywhere you want (in global stylesheet file like superfish-modified or global.css)

[Hifihylden]

Hello vekia,

Could you please help me out here on how and where to insert the height param for each <ul> element.
I have now tried many different types but with no luck...

Thank you

[vekia]

it's a superfish-modified css: themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

 

increase width param in:

.sf-menu > li > ul > li {
float: left;
width: 20%;
padding-right: 15px;
}

[Hifihylden]

Thanks again vekia