I would like to make the superfish menu items to all be a fixed width, so that if the menu item is longer than a certain width it wraps around to the next line. At the moment, it just extends the width of the item...

Comments

mengi’s picture

mengi commented

Use CSS, width=20px or something similiar.

new123456789’s picture

new123456789 commented

Thanks for that.

I just did this and although it allows the menu items to wrap to the next line, the height of the ul changes and the second level navigation now does not sit right below the menu but instead overlaps slightly.

This is the bit that controls how far up the lower level menu starts:
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul
top: 3.6em

Or do you just adjust the css settings whenever you need to (when someone adds a menu item longer than the standard)?

geek.geek’s picture

geek.geek commented
Issue summary: View changes
Status: Active » Fixed

Hi,

Disable the Supersubs through block configuration, then a little bit of CSS .sf-menu ul { width: 20em !important; }

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.