From the Blogabout me

Genesis 2.0, WordPress 3.6, and Superfish

If you have upgraded your WordPress site to WordPress 3.6 or higher recently and/or upgraded your Genesis theme-work to Genesis 2.0 or higher, you may have noticed something very unusual with your drop-down menus.

They no longer work!

Oh no – why is that?

Superfish/Suckerfish has been good to use developers and designers for some time, but let’s face it.  It’s getting old and doesn’t serve the needs for today’s websites as much as before.

Superfish, in case you didn’t know, is not a ginormous ancestor to the swordfish family but instead a jQuery ancestor to Suckerfish, to make drop-down menus work smoothly and without much code.  It has served thousands of developers and millions of websites in just over the last few years.

Due to more mobile devices taking hold of the web landscape, UI designers and developers have been trying to figure out how to make hover menus and drop down menus work well in a mobile environment.  More and more designers have found going minimalist for their users have received possible feedback about this simplistic approach to their designs.  With that, brings less and less layers of your websites.

Genesis 2.0 has realized this movement, and that clutter on a mobile device (or anywhere else), so they are starting to pull away from Superfish.  Now many of you probably still have plugins or themes that use Superfish, and may not even realize it.  But when you update your site, you will figure it out pretty quickly.

Screen Shot 2013-10-02 at 5.30.26 PM

When your menus do not display when you hover over or click on them, and you only updated WordPress or Genesis, then you have a plugin / theme using Superfish.  But there is a way to still sneak around this issue until you have found better ways to display your content.

When you are in your WordPress Dashboard, go to your Genesis Theme Settings and under the Navigation section, you should be able to enable/disable the checkbox to Load Superfish Script

Save and now your menus should act as they did before your update(s).

 

I would highly recommend thinking about organizing your content in a new, more mobile friendly way, and finding better use of your navigation.  At the time of writing this entry I realize some of my content is found under drop down menus, even though I don’t use anything with Superfish/Suckerfish.  

 

I will be taking my advice and reorganizing my site soon.

Comments

  1. Thanks for the advice! It seems the latest WP updates have broken many core plugin functions. yay. Hope all is well Kev!

    • k.shoffner says:

      I’m glad this was helpful. I continue to find things which I have to track down due to new WP updates, although new updates tend to be worth it in the long run.

  2. Thanks for this post Kevin – and the explanation for the move to a more simplistic menu driven by the rise of mobile devices.
    However, I just upgrade to Genesis 2.0.1 with Prose child theme WP 3.7.1 and even checking the Superfish box in the Themes setting doesn’t reinstate the Superfish effect. Actually when I do check the box, I get no drop downs at all even if I click the main nav item. http://www.annepouch.com/grla
    I am happy without it but my clients may want that effect.
    Thanks again.
    Anne

    • k.shoffner says:

      Glad it helped some. I haven’t came across this issue yet, but I will have to throw together a Prose test site soon and give it a shot.

      Something(s) you might want to just try and test:
      – Deactivating your meteor-slides plugin, because it looks like it is using a bit of jQuery
      – Also, are you using the JQuery Accordion Menu Widget. If you are not using, you should probably deactivate the plugin for load on your site.
      — If you are using and continue to use the JQuery Accordion Menu Widget, you might want to attempt to go into the Widgets area, and make the Parent not clickable.

      Let me know if any of those methods work.

  3. Hey thanks for the great post about superfish script..

Leave a Reply

%d bloggers like this: