Hi,

For some reasons, when I hover over the parent menu item, the children are not displayed. I checked the "expanded" property of the parents but still there is no response. I have gone through the documentation of installing and enabling superfish and have all the required libraries installed and working.
What could be the possible reasons for this.

Thanks

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

the_g_bomb’s picture

FileSize
17.89 KB

I think the possible reasons for this could be that the menu hierarchy may not be properly setup.

How have you set up the parent and children items?

I am attaching the menu structure for the boldy example site, which should highlight how the menu should be setup.

Menu structure showing hierarchy for the boldy example site

the_g_bomb’s picture

I should have also mentioned that the expanded checkbox is to set the child items to be always shown, i.e. that menu item is always expanded. You should only use that if you want the child items to always show even when the parent item is not hovered over or the active page is not a parent.

That being said I don't that would work here anyway as the hover overs control the display, so setting the menu to expanded may end up in some unexpected results. I haven't tested it so I'm not sure exactly what would happen.

neeraj.jadhav’s picture

FileSize
31.82 KB

Hi,

I have arranged them as you have mentioned above. The primary link called "Scholarship" has child "All Scholarships". But the child is not displayed upon hovering over the parent.

the_g_bomb’s picture

Have you made sure that the:
Default menu for content: is set to Primary
Source for the primary links: is set to Primary
Source for the secondary links: is set to Primary

This will ensure that the secondary menu is taking information from the children of the Primary menu as well as the Parents.

These are set under Site Building > Menus > Settings

neeraj.jadhav’s picture

Yes, I have done those settings already (I followed the Boldy documentation).

the_g_bomb’s picture

Is the "All Scholarships" an actual page or a view? and does it actually exist, can you view the pages and not just an empty text output?

Next thing to check would be to look at the source code of the menu it should look similar to:

<ul id="superfish-1" class="sf-menu primary-links sf-horizontal sf-style-none sf-total-items-6 sf-parent-items-2 sf-single-items-4 sf-js-enabled sf-shadow">
  <li id="menu-407-1" class="active-trail first odd sf-item-1 sf-depth-1 sf-no-children">
  <li id="menu-268-1" class="middle even sf-item-2 sf-depth-1 sf-no-children">
  <li id="menu-271-1" class="middle odd sf-item-3 sf-depth-1 sf-no-children">
  <li id="menu-463-1" class="middle even sf-item-4 sf-depth-1 sf-total-children-4 sf-parent-children-1 sf-single-children-3 menuparent"><a class="sf-depth-1 menuparent" href="/blog">Blog</a>
    <ul style="float: none; width: 12em; display: none; visibility: hidden;">
      <li id="menu-486-1" class="first odd sf-item-1 sf-depth-2 sf-no-children" style="white-space: normal; float: none; width: 100%;">
      <li id="menu-487-1" class="middle even sf-item-2 sf-depth-2 sf-no-children" style="white-space: normal; float: none; width: 100%;">
      <li id="menu-488-1" class="middle odd sf-item-3 sf-depth-2 sf-no-children" style="white-space: normal; float: none; width: 100%;">
      <li id="menu-489-1" class="last even sf-item-4 sf-depth-2 sf-total-children-1 sf-parent-children-1 sf-single-children-0 menuparent" style="white-space: normal; float: none; width: 100%;">
    </ul>
  </li>
  <li id="menu-490-1" class="middle odd sf-item-5 sf-depth-1 sf-total-children-3 sf-parent-children-0 sf-single-children-3 menuparent">
  <li id="menu-272-1" class="last even sf-item-6 sf-depth-1 sf-no-children">
</ul>
neeraj.jadhav’s picture

The "All Scholarships" is an actual page. After reviewing menu source code I found this:

ul id="superfish-1" class="sf-menu primary-links sf-horizontal sf-style-none sf-total-items-6 sf-parent-items-1 sf-single-items-5 sf-js-enabled sf-shadow"
li id="menu-295-1" class="active-trail first odd sf-item-1 sf-depth-1 sf-no-children">
li id="menu-296-1" class="middle even sf-item-2 sf-depth-1 sf-total-children-1 sf-parent-children-0 sf-single-children-1 menuparent">
li id="menu-300-1" class="middle odd sf-item-3 sf-depth-1 sf-no-children">
li id="menu-301-1" class="middle even sf-item-4 sf-depth-1 sf-no-children">
li id="menu-1014-1" class="middle odd sf-item-5 sf-depth-1 sf-no-children">
li id="menu-1018-1" class="last even sf-item-6 sf-depth-1 sf-no-children">
/ul>

(I removed the "<" from ul and li so I could display the html code)
Now my question is, where and how do I change the code in my site?

the_g_bomb’s picture

To display code in here you need to paste your code in between <code> </code> tags, then whatever you paste should display as expected.

From what I can see here the li with id menu-296-1 is your Scholarship page and it is recognising that it has 1 child element, but I'm not sure why it is not displaying the next level ul and li tags.

Can you check that in your code you can't expand any of the elements further to get the next level of list displayed.

The only other thing I can think of checking is on the page at: admin/settings/superfish
Double check that the files listed in the Box "Path to Superfish library:"
actually exist in the folders they are meant to.

lemonidas’s picture

I'm having the same problem. I've followed the guide and the instructions here, all the superfish files are where they're supposed to be and the source looks like this (when hovering over the link, when not hovering the < ul > has class=sf-hidden)

 <div id="mainMenu">
   <div id="block-superfish-1" class="clear-block block block-superfish">
 
  
  <div class="content">
  <ul id="superfish-1" class="sf-menu primary-links sf-horizontal sf-style-none sf-total-items-6 sf-parent-items-1 sf-single-items-5 sf-js-enabled sf-shadow">
  <li id="menu-640-1" class="active-trail first odd sf-item-1 sf-depth-1 sf-no-children"><a href="/projects/eleanna/" title="" class="sf-depth-1 active" id="dhtml_menu-640">Αρχική</a></li>
  <li id="menu-480-1" class="middle even sf-item-2 sf-depth-1 sf-no-children"><a href="/projects/eleanna/?q=content/%CF%83%CF%87%CE%B5%CF%84%CE%B9%CE%BA%CE%AC" title="" class="sf-depth-1" id="dhtml_menu-480">Σώμα</a></li>
  <li id="menu-559-1" class="middle odd sf-item-3 sf-depth-1 sf-no-children"><a href="/projects/eleanna/?q=content/workshops" title="" class="sf-depth-1" id="dhtml_menu-559">Πρόσωπο</a></li>
  <li id="menu-580-1" class="middle even sf-item-4 sf-depth-1 sf-no-children"><a href="/projects/eleanna/?q=content/end-world" title="" class="sf-depth-1" id="dhtml_menu-580">Μασάζ</a></li>
  <li id="menu-489-1" class="middle odd sf-item-5 sf-depth-1 sf-total-children-2 sf-parent-children-0 sf-single-children-2 menuparent sfHover"><a href="/projects/eleanna/?q=content/%CE%B7%CE%BC%CE%B5%CF%81%CE%BF%CE%BC%CE%B7%CE%BD%CE%AF%CE%B5%CF%82" class="sf-depth-1 menuparent" id="dhtml_menu-489">Ημερομηνίες</a>
  <ul style="float: none; width: 12em; display: block; " class="">
  <li id="menu-532-1" class="first odd sf-item-1 sf-depth-2 sf-no-children" style="float: none; width: 100%; white-space: normal; "><a href="/projects/eleanna/?q=mediagallery" title="" class="sf-depth-2" id="dhtml_menu-532" style="float: none; width: auto; ">Gallery</a></li>
  <li id="menu-639-1" class="last even sf-item-2 sf-depth-2 sf-no-children" style="float: none; width: 100%; white-space: normal; "><a href="/projects/eleanna/?q=content/%CF%85%CF%80%CE%B7%CF%81%CE%B5%CF%83%CE%AF%CE%B5%CF%82" title="Υπηρεσίες" class="sf-depth-2" id="dhtml_menu-639" style="float: none; width: auto; ">Υπηρεσίες</a></li></ul></li>
  <li id="menu-556-1" class="last even sf-item-6 sf-depth-1 sf-no-children"><a href="/projects/eleanna/?q=contact" title="" class="sf-depth-1" id="dhtml_menu-556">Επικοινωνία</a></li></ul></div>
</div>
 </div>

Any ideas?

lemonidas’s picture

FileSize
51 KB
26.93 KB

And these are my other settings:
sources

settings

kirstykf’s picture

Thought I'd pop a quick message up here because I've had this problem as well, finally got it working on my site today. The Superfish module has a link to download the library but that link takes you to a download for the Superfish v1.8 library rather than the v1.1 library. With v1.8 my child items in the navigation superfish menu wouldn't show at all. I used this link (http://www.practicalclouds.com/content/guide/proper-drop-down-menus-supe...) to download the v1.1 library and replaced the files in sites/all/libraries/superfish and voila the menu works as it should :) Hope this helps

the_g_bomb’s picture

Nice work kirstykf, thanks for supplying your findings.

the_g_bomb’s picture

Status: Active » Needs review

@lemonidas and @neeraj.jadhav, could you check you have the v1.1 superfish library as highlighted in comment #11 above rather than following the link to the Version 1.2-beta2 in the v1.8 superfish installation guide on the project page (http://drupal.org/project/superfish) and let me know if that fixes you issues?

I'll file a bug report with superfish to get the documentation changed in the meantime.

neeraj.jadhav’s picture

FileSize
320.08 KB

It works, I replaced the library file given on the link, with the old one and superfish pop-down menu works.

My sincere thanks to the_g_bomb and kirstykf who helped me in this issue.

working page

the_g_bomb’s picture

Status: Needs review » Fixed

The superfish issue #1611488: V1.8 installation guide links to the wrong version of the superfish library is now fixed so there is a direct link to the correct version of the library on the project homepage now. Glad this could get sorted, major kudos to kirstykf for taking the time to report the fix.

Status: Fixed » Closed (fixed)

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

Thanos Lappas’s picture

Worked!
Tons of thanks!

Thanos Lappas’s picture

#11
Worked

Tons of thanks!

usaginyunyu’s picture

Status: Closed (fixed) » Closed (cannot reproduce)
FileSize
123.14 KB

------- UPDATE --------------- SINCE I CAN NOT DELETE THE MESSAGE TO HIDE MY IGNORANCE.... ------------

It took a while, but 4 hours after changing the libraries version is working, despite the views, and my lack of knowledge and patience (update of the server? whatever)

Thanks!!

------------------- ORIGINAL MESSAGE ----------------------

Hi!

I´ve replaced the library supplied in the installation of superfish for the version 1.1 and I think I have followed all the steps explained in the boldy installation page, but still can´t get to work the superfish menus :(

I think it might be something about the primary link settings or so because I can not find were to enable the "expanded checkbox" that appears on lemonidas and the_g_bomb photos.

I have an available page American Stafford, the next child menu is Hembras Amstaff wich is an active page view, but it has a header and is available at its root path and from this child menu other elements (all nodes) pend.

I have activated the option Show as expanded in the Home » Administration » Structure » Menus » Main menu
I´m using last version of drupal 7

Thanks for any help and sorry for my unknowledge :( I´m not it related

the_g_bomb’s picture

Hi,

OK, the menu system can be found at:
Administration > Structure > Menus (or typing admin/structure/menu after you site url in the address bar)

The tab at the top of your page that says Settings should get you to the settings page where:
"Source for the Main links" and "Source for the Secondary links" should both be set to Main menu or whatever menu you are using.

When you have clicked save here if you need to change things, then click "List menus" at the top of the page again to go back.

From the list of menus you should choose Main menu or your menu if different.

The picture above is actually from the Drupal 6 version so things have slightly changed. Drupal 7 no longer shows the expanded checkbox on the menu page, but you can choose "Show as expanded" when you edit each menu link, but you shouldn't need to set anything there for the superfish menu to work.

The other bit you need to configure is to switch off the Main menu and secondary menu in the themes settings (Administration > Appearance > Settings or admin/appearance/settings/boldy) and configuring and enabling a Menu block instead at: Administration > Structure > Blocks (admin/structure/block).

If you haven't done this yet "Add a new menu block" link should be available above the block list.

I'm pretty sure the settings from there are the same as the D6 version.

Hopefully that will help.

maggielanoue’s picture

I got mine to work by doing something really basic. (after trying everything here.) I happened to go into my theme settings and tried turning off the menu from that page. Suddenly, the Superfish menu appeared. I am sure all the other things here helped too because I did them all first, and because it still didn't work, I kept fishing around for another clue.

the_g_bomb’s picture

You are correct maggielanoue. The instructions (http://www.garethalexander.co.uk/tech/boldy-theme-live-preview-setup-ins...), weak as they are, do mention that you should switch off Primary (or Main) and secondary menus under Theme settings.

VasyOK’s picture

Issue summary: View changes

#11 Worked

But:
Changing block position work bad
if I download superfish library from here
http://dl.dropbox.com/u/22795799/superfish-library-for-drupal-v1.1.zip

Colorbox module work bad with this library.

the_g_bomb’s picture

Hi VasyOK,

Yeah as I recall the CSS for the supermenu only really works in the one block position. You could edit the CSS to ensure it gets applied to your new block.

I'll maybe see if I can make the superfish selectors less specific so that it gets applied whereever it is.

amiel01’s picture

Thank you so much for this thread! I've been trying to get the superfish menu to work all afternoon.