Drop-down menus not showing after upgrade

[Priscilla]

I love how Suffusion theme is versatile, but something very serious just happened.

After updating Suffusion, my client desperately e-mailed me because the drop-down menus disappeared.

http://kristacostin.com/voice/

Both MEDIA and REPERTOIRE have submenu items that are not showing now. Everything was working normally before.
The interesting is that when using firebug, you can see the submenus are still there, but they don't show.
I guess it's not a z-index problem.

Can you please give me a hand here?
Thank you!
Priscilla

[sayontan]

See point #2 in the "Non-Bugs" section here: http://aquoid.com/news/2012/02/suffusion-version-4-0-2/

[Priscilla]

Thank you for replying, Sayontan!
I hope you don't mind if I point out a couple of things, to justify the use of menus in our case:
-this is the first time (http://kristacostin.com/) I had to create a solution for a double-use website, with two sets of menus: one for yoga area and one for voice area. This way, I used the CUSTOM MENU widget, which I believe is a well-known wordpress feature. Since your awesome template offers so many widgeted areas, I thought it was natural to use two of them (in this case Right Header Widget & Left Header Widget) and put my menus there. So, I don't believe this was a case of inappropriate use of menus. Maybe other people are doing the same. Do you think you could try to send us some ideas of how to enable the dropdown there?
- I created a temporary solution with a http://kristacostin.com/voice/ while we can't make dropdown menus work in there.

Thank you again, and if you have a solution for us, it would be very much appreciated.

Best,
Priscilla
http://www.internet-minded.com

[sayontan]

Priscilla,
A custom menu widget is fine, but it is just that: a widget. It isn't meant for a navigation bar (otherwise you would have seen a field in the widget that lets you assign it to a navigation location, just the way you see under Appearance -> Menus).

Are you using something like Widget Logic to control which widget appears where?

[Priscilla]

Yes, I am using something similar to Widget Logic, but it's called Display Widgets (by Startegy11).

I just don't understand why it was working perfectly with the drop-downs before the update.... and now it's not possible to use it anymore.
I know you are fixing lots of bugs and I appreciate your work on updating the template, but in my specific case, it doesn't feel like it was an improvement...
* sigh*

thank you anyway!

Priscilla

[sayontan]

Here is what you can do. Go to wp-content/themes/suffusion/scripts/suffusion.js, then look for this line:

Code: Select all

$j(document).ready(function() {

(It should be around line 70)

Just after this line put in this:

Code: Select all

   $j('#left-header-widgets ul.menu, #right-header-widgets ul.menu').each(function() {
      $j(this).addClass('sf-menu');
   });


[davidreedernst]

Hi there. I'm Priscilla's web developer (and husband). First I want to thank you for creating and sharing this theme and for your special attention to our little problem. I'm really impressed that you were willing to offer a suggestion for a javascript solution for this problem in particular. Thank you very much for that.

Sadly, I tried your suggestion, and it didn't work. Specifically, I entered the code you suggested live using firebug's JS console. This successfully added the 'sf-menu' class as your code was apparently designed to do. However, this did not result in the dropdown menus dropping down when I hovered over them... It didn't seem to have any effect.

I don't expect you to troubleshoot our special case, I'm happy to put effort into it. But, since you have been so helpful and responsive, I wonder if you could guide me to which part of the (CSS?) code handles the dropdown functionality? I did some searching around, but nothing seemed to match what I was expecting. There's a fairly good chance that I looked at the key section but didn't realize it, if you could just give me the part I should be focused on, I can spend some time trying to get it to work.

Thanks again, and very much so, for all of your efforts! Suffusion is truly remarkable!

David

[sayontan]

David,
Adding this in Firebug will not help since the event that adds the menu functionality has already executed at that point. Instead you need to add the code as suggested. I am not at a computer right now so this is the best I can say

[davidreedernst]

Well, finally, a month and a half later, I got around to trying this (once we had a reasonable work around, it became less urgent and languished on my to-do list for far too long). Your suggestion worked perfectly! Thank you very much for your help, and sorry to be slow to deliver this bit of well-deserved appreciation!

[davidreedernst]

oh oh! And then, just a few minutes later, we applied the latest upgrade to the suffusion theme, to see if this change would get overwritten. And, apparently it did... but if I'm reading things correctly, you added this as part of the theme in the suffusion.js file, but further down in the file from where you first suggested it. So, it sounds like you've decided to make this a change to the theme. If so, great! We won't have to worry about the file being overwritten.

Whatever the case, thank you again very much for all your help.