mega menu with multiple columns

[rongzhonghuang]

Hi, I am new to SmartMenus. I want to implement mega menu with multiple columns . One issue I found is that the width for mega menu

is fixed??? Does anyone know how to make it automatically or depend on the child div width

the style of looks like below
{
width: 20em;
top: auto;
left: 0px;
margin-left: 0px;
margin-top: 0px;
min-width: 10em;
max-width: 20em;
}

[admin]

Hi,

The width constrain is coming from the following default options:

subMenusMinWidth: '10em',
subMenusMaxWidth: '20em',

So what you can do is:

a) Either override these options for all sub menus when you init your menu:

$('#main-menu').smartmenus({
	subMenusSubOffsetX: 1,
	subMenusSubOffsetY: -8,
	subMenusMinWidth: '',
	subMenusMaxWidth: ''
});

b) or you could do it just for mega sub menus (if you have regular sub menus too), for example, by using some additional CSS like this:

ul.mega-menu {
	width:auto !important;
	max-width:none !important;
	min-width:0 !important;
}

Cheers!

[TomHeckl]

Hi, I have the same problem, but this solution doesn´t work. I don´t know what is wrong…

[Author]

Posts