I am using Superfish, and my menu is perfect for normal displays. However, for small smartphone displays, I want my menu items stacked and spanned the width of the display. Also, when an item is clicked with child items, the top level items go away and display the child items.

I can't figure out how to do this from the SF documentation or searching on the web.

  • have you considered using a module for mobile devices, there are several which output the menus in a mobile-friendly format once they detect the user is on a phone/tablet. One example is drupal.org/project/responsive_menus – longboardnode Sep 12 '13 at 6:31
  • I'm open to that. I looked at the responsive_menus module and that looks exactly like what I need. Is it compatible with Superfish and Omega? – vintorg Sep 12 '13 at 18:55


Little late to the party here --

In theory, Responsive Menus should be compatible with any theme, granted it doesn't have JS in place trying to do the same thing.

Check out the MeanMenu style w/ Superfish. It creates a clone of the menu object keeping Superfish's js events out of the responsive version of menu.

|improve this answer|||||

I've only used Responsive menus on one project and it seemed to work fine, outputting the mobile menus when viewed by a device, and the normal menu when viewed by computer with some margin of error but in general it seemed to work well. You can see a demo here: http://drastikbydesign.com/demo/responsive-menus-demo-1-mean-menu and how it shows on a mobile and/or computer.

|improve this answer|||||

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.