Superfish menu 7.x-1.0 not work.

jQuery for Superfish and pngFix (optional):
In order to use the styles created for the Superfish drop-down menus and to fix the IE6 transparent png issue, you will need to download the following files and add them to the Jackson > scripts folder which you will need to create. Please note primary links can be created and are styled to work without drop-down navigation. The following scripts are to be added only if you would like to use drop-down navigation on your website, or if you would like transparent images to display correctly for IE6.

•jQuery pngFix Plugin by Andreas Eberhard
•jQuery Superfish Plugin by Joel Birch

How to setup the superfish menu
Here are the steps to enable the superfish menu. For example we will create a menu of services.

1.Go to Administer > Menus > Primary links > Add item
2.We fill "Path" with "all-services-url", "Menu link title" with "All Services", and "Descriptions" with "All services".
3.Check the "Expanded" checkbox, for parent item we choose "Primary links", and "Save"
4.Now creating the submenu. Go again to Administer > Menus > Primary links > Add item
5.We fill "Path" with "services-1-url", "Menu link title" with "Service 1", and "Descriptions" with "Service 1"
6.For parent item we choose "All Services", and "Save"
7.Go to Administer > Blocks. Place the Primary links block in the Superfish menu region, and "Save blocks"
8.Go to Administer > Site building > Themes > Configure > Jackson (admin/build/themes/settings/jackson). Uncheck the Primary links, "Save configuration".
A demo of the theme can be viewed at http://themes.leveltendesign.com/jackson/

Comments

naisan’s picture

naisan commented
Issue tags: +incompatible drupal7

None of these steps works under Drupal 7. . .

I created items under the Main Menu item, and the navigation menu, both with menu items under the main item, and tested both with and without expanded. . .none of that worked.

Seems there is no way this works?

Can you provide instructions for how to make it work under 7 rather than 6?

FrequenceBanane’s picture

FrequenceBanane commented

+1, what about 7.x-1.1 which is supposed to "fix" this ?

unrev.org’s picture

unrev.org commented

Anyone heard anything on this being resolved? I just installed the 7.x-1.1 version released on 2011-May-02 with fresh Drupal 7 install and superfish has the arrow/dot phenomenon on the left of each menu item.

Gracias.

nii antiaye’s picture

nii antiaye commented

Please provide instructions on how to make it work in d7.

robbiew’s picture

robbiew commented

Ditto. Clean install, 7.x-1.1, I get the dots to the left of each item.

jsimonis’s picture

jsimonis commented

Same thing here - it isn't working properly on my site, even when I don't use the drop-downs. I tried using the drop downs, but it didn't work. I tried several different ways of putting the java files in the right spot, but nothing worked. So I gave up on drop downs for the moment and concentrated on just getting the menu to look right.

I've attached a screenshot of the menu.

Well, I tried to attach it, but that isn't working, so I put it up here: http://www.nu-look.net/menu.JPG

jsimonis’s picture

jsimonis commented

Sorry, removing duplicate post.

grogs’s picture

grogs commented

The Jackson theme is very nicely designed but I am also having a lot of trouble with the drop-down menu issues in Drupal 7. I created a scripts folder in the Jackson theme folder. From there I placed the superfish and pngfix folders in that scripts folder. Is this the correct setup?

I would like to use this theme but the drop-down menu support is pretty important.

Thanks for any comments.

robbiew’s picture

robbiew commented

Jsimonis, my menu looks identical. Doesn't seem like there's anyone responding to this, however.

regi.bradley’s picture

regi.bradley commented

I am seeing the same exact issue in 7.x.-1.1 as well. Menu looks identical to what Jsimonis posted and when I set menu items with sub-options to enabled, all links are displayed at the top level. Has anyone figured out how to fix this?

marco68’s picture

marco68 commented

Also for me 7.x.-1.1 doesn't work. Menu looks identical to Jsimonis one.

nathancollins44’s picture

nathancollins44 commented

I cant get it to work ether.

nathancollins44’s picture

nathancollins44 commented
Category: support » bug
Priority: Normal » Critical

So I guess the SuperFish menu just doesn't work for Drupal 7 at all...

That's to bad I would really like to have the drop down menu on my site!

Naturalist’s picture

Naturalist commented

Same

jepster_’s picture

jepster_
Location 🇩🇪Düsseldorf
commented

Superfish menu isn't working here as well. No options at the menu items, nothing. Same as described. Seems that this module is broken for drupal 7.

Alexander Ufimtsev’s picture

Alexander Ufimtsev commented

Hi everyone,

I've stumbled upon this problem as well, but found a workaround - just install a module Nice Menus (http://drupal.org/project/nice_menus)
It is using Superfish that works with Drupal's version of jQuery (alternatively, you can turn off Superfish and just go with pure CSS implementation).

Turn off menus & menu blocks from 'superfish' area and put 'Nice Menus' block there instead. Configure Nice Menus to display menus down, not right (as default).

To get menus to display nicely in Jackson, add the following customised code to nice menus css:

ul.nice-menu-down li ul {
  margin-top: 22px;
}

I hope this helps.

Regards,
Alexander

pcorbett’s picture

pcorbett commented

Piggybacking off #16, if you want the 2nd level menus that pop out to the right to be aligned correctly with their parents you should specify that the top margin only apply to the first UL:

ul.nice-menu-down > li > ul {
  margin-top: 22px;
}
tjvaichus’s picture

tjvaichus commented

Is there a fix for this issue? I really like the Jackson theme, but I also need the Superfish drop down menus. Superfish menus are not working with the Jackson theme in Drupal 7 for my site.

sjmsims’s picture

sjmsims commented

This perfectly nailed my issue. Thanks for the snippet. I was having a hard time back-tracking through the CSS to find the issue and fix it. THANK YOU!

jsimonis’s picture

jsimonis commented

I was really hoping this issue had been fixed so I could use this theme now. I guess not. The menu is still all messed up.

stefan.marin’s picture

stefan.marin commented

Hello,

I have dl & moved the superfish library in sites/all/libraries folder.
I dl and enabled the libraries,jquery_update and superfish modules.
I enabled a superfish block in menu region.
The problem is it doesen't work,the menu appears as normal and when I check the js scripts the superfish.js isn't even loaded on the page.
Does anybody know what is the issue?

Thanks!