Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Re: mega menu with multiple columns

Home › Forums › Older releases › 0.9.x › mega menu with multiple columns › Re: mega menu with multiple columns

July 14, 2014 at 08:18 #1682
admin
Keymaster

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!