Contents
Get into your Superfish menu block (find from the block admin page: /admin/structure/block usually the specific address is: /admin/structure/block/manage/superfish/1/configure. There under “Superfish plugins” -> “sf-smallscreen” -> “window width settings” and change the breakpoint value; make it smaller (default is 768 pixels).
Which is easier to use, JavaScript or Superfish?
After looking through the options here and elsewhere I found a Pure CSS responsive menu which has been quicker and easier to modify than superfish, and does not have the overheads of jquery or javascript. It also has second level menus. I checked the demo with screenfly to check responsiveness and mobile layout before using it.
Dropdown menus don’t work well on mobile. I would suggest hiding the superfish menu on mobile and replacing it with something else. For others looking for a solution, make sure you are using the newest jQuery. I had some older sites where I found using a newer version of jQuery made the Superfish menus work on mobile devices.
How to make Superfish dropdown menu with Skelton framework?
I am using superfish dropdown menu with skelton framework. I wanted it to work on mobiles as well. By default its showing the dropdown items but it hover over the items below it. I wants to have it in a way so that it push parent items below it. Any solution? Dropdown menus don’t work well on mobile.
The CSSscript.com version (link above) gives a horizontal responsive layout for mobiles, unlike the codepen demo page. The code is in a single HTML file which you can easily split into a linked CSS file, only 2 media queries manage the responsive changes and even then only with minimal changes.
What is Superfish The jQuery drop down menu plugin?
Superfish is an enhanced Suckerfish -style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript) and adds the following much-sought-after enhancements:
How does Superfish work on Windows Phone 7?
On Android, iOS, Windows Phone 7 and IE10 (with touchscreen), first touch will open an associated submenu, second will follow the link. Mouse and keyboard accessibility works as normal.
How does Superfish work with hoverintent plugin?
Superfish automatically detects the presence of Brian Cherne’s hoverIntent plugin and uses its advanced hover behaviour for the mouseovers (mouseout delays are handled by Superfish regardless of the presence of hoverIntent). Using this is only an option, but a nice one.