Hi, first off... i love the superfish module. Excellent work. Thanks a million!

I am trying to create a Multi-column sub-menus (a.k.a. MegaMenu) like the one you have at http://mehrpadin.net/demo/superfish/.

I am using the theme Basic. I have ticked the check box for Enable multi-column sub-menus. I have start from depth set at 1 and levels set at 3.

Still my primary links are not giving me what you have on the demo. In my primary links settings i have all expanded ticked, and my tree looks like this
link 1
--link2
--link3
----link4
----link5
----link6
----link7

Is there something really obvious I am missing? Do i need to add some custom css?

Comments

mehrpadin’s picture

Hey Brad,

Thanks for your remarks :)

Well, the point is that a "column" in a multi-column sub-menu is actually a parent menu item together with its children; look at the "Horizontal" one in the demo to get some clues, I'm actually working on the documentation, hopefully it'll be finished soon.

tomcatuk’s picture

Having trouble with this myself - darn sure I have the relationships right, but no dice. Subbing so I know when your docs are done ;)

peterx’s picture

This option needs expanded documentation. I tried the nav-bar example and it failed to produce active trails. From what I can see, the normal menu uses ul, superfish looks for ul, and the multicolumn inserts an ol. Has anyone tracked the implications? I will added child page to the documentation, http://drupal.org/node/1345540. I am looking forward to more documentation on how the multicolumn option works with everything else.

aiphes’s picture

i suscribe to use this feature and document it

stevegmag’s picture

1st, great module. (Running D7)

2nd, My issue...
The only way to accomplish a 'multi-column mega-menu' is to add a level of navigation? OK, not that big of a deal, just hide the extra parent link (since I don't need a link, just the hierarchy) and it works fine

HOWEVER, I'm also using a side nav block-menu as well, now I'll have this level added to my side-nav... and I have sub nav under that I do want to show...

Seems like a lot of hoops to jump thru... there's got to be a better way. (I hope)

Just noticed as well, the exclusion menu field partially works...
if I add item3 to the list of excluded menus... item2 gets the mega-menu treatment, but item4 does not get the mega-menu treatment.

- item 1

- item 2
-- sub 1
--- subsub 1
--- subsub 2
-- sub 2
--- subsub 1
--- subsub 2

- item 3
-- sub 1
-- sub 2

- item 4
--sub 1
--- subsub 1
--- subsub 2
-- sub 2
--- subsub 1
--- subsub 2
jboeger’s picture

#5 (or anyone else) ... how do you hide that extra level of navigation needed to organize menu items into columns?

mehrpadin’s picture

Jack,
Something like this maybe?

.sf-megamenu-column > a.menuparent {
  display: none;
}
oktay’s picture

Documentation is not clear about what Renders fine and what doesn't. There are two examples but it would be great if the difference between the two was spelled out.

emily_netoptics’s picture

Priority: Normal » Major

The documentation is unclear for me also.

mehrpadin’s picture

OK, edited it a little, is it any better now?

MiniEggs’s picture

Not really.
It gives 2 examples and says one works and one doesn't. But it doesn't say why.
Checking or unchecking the 'Enable multi-column sub-menus.' option seems to have no effect whatsoever on any menu I've tried. (using drupal 7 dev version). I still just get flyout menus.

Changing the 'start from depth' and 'levels' options seem to have no effect either.

The flyout menus work fine, but I can't get anything like a megamenu.

Is that due to menu structure, or is it simply not working right?

MiniEggs’s picture

Ok. I found it is two separate issues. The dev version was simply failing to render any megamenus at all. I don't know if it was an install problem, or a module clash or something else.

Uninstalling that and reverting to the stable version caused megamenus to appear, but I had to mess with the menu layouts to try to work out what works or doesn't. (I've updated the documentation page with my limited findings, if they are correct - please check).
Basically all 'Child Menus' must have 'sub child menu items' or the layout breaks, right?
I still haven't worked out some of the other setting like 'start from depth' and 'levels'.

Unfortunately the stable version extends off the screen to the right, so i'm going to try reinstalling the dev version and see if i can get it to work this time.

MiniEggs’s picture

Ok. Uninstalled stable version and reinstalled dev version. No megamenus.
I don't think it's my install. No idea how to tell if it's a clash.

Does anyone else have the same issue?

scotwith1t’s picture

I think the styling just isn't there...the markup is put together in such a way to make making your own megamenus pretty easily by floating the .sf-megamenu-column, make the width of the megamenu as wide as you want, lots of classes to work with to make it happen, etc...i was using tb-megamenu (which is/was BADASS, btw, but last update broke mine and haven't been able to solve that...#2040471: Changes not saved when press save button) and the megamenus there work out of the box, but it seems to be that there is just some desperate need for some love to the megamenus' css section...with a couple dozen lines in my theme i was able to make it work for me.

brownlo’s picture

Issue summary: View changes

For anyone else that has this issue, remember to check "show as expanded" on the menu items that define the columns. In this example:

- item 1
- item 2
-- sub 1
--- subsub 1
--- subsub 2
-- sub 2
--- subsub 1
--- subsub 2

Sub 1 and Sub 2 should have "show as expanded" checked. Otherwise it will not create Sub 1 and Sub 2 into columns.

kopeboy’s picture

This is super un-intuitive.

I should create a fictional menu item to use the columns (or lets say Multicolumns is not for dividing same parent childs into multi columns), not written in the configuration page.

I should show them as expanded (not written in the multicolumn configuration).

I should set the deth starting from the depth of the newly created column links.

I should set the depth level to 2 at minimum and usually 3, cause it starts from the whole menu and is not relative to the multicolumn I am configuring.

...........

kopeboy’s picture

It doesn't work with Adaptive theme menu toggles. I gonna switch away form this confusing module.

swetaranjan7@yahoo.in’s picture

Any one has the solved the issue above?I still face problem

swetaranjan7@yahoo.in’s picture

solved

I added below code in admin_menu.js .

change line 223 to

if (navigator.userAgent.match(/msie [6]/i)) {

It works.

mehrpadin’s picture

Status: Active » Closed (outdated)