I'm using the superfish menu in the menu bar. When I resize the browser to IPhone-width (so that the superfish menu switched to vertical tabs), my submenus don't dropdown when I click on it. Please look at screenshot.
Its by-design, the submenus are deliberatly hidden in smaller displays otherwise they can really mess up the design. What I have been thinking about is some way of supporting dynamic menus in these small displays, but I am less familiar with how to emulate hover in touch screens - I have read about the "long-tap" script but I need to look into this more, or get some feedback from those that have already succedded in getting dynamic superfish menus to work in smartphone or tablet touchscreens.
The 2026 Drupal Business Survey is open. Your response will help shape the future of the Drupal business ecosystem.
Comments
Comment #1
Jeff Burnz commentedIts by-design, the submenus are deliberatly hidden in smaller displays otherwise they can really mess up the design. What I have been thinking about is some way of supporting dynamic menus in these small displays, but I am less familiar with how to emulate hover in touch screens - I have read about the "long-tap" script but I need to look into this more, or get some feedback from those that have already succedded in getting dynamic superfish menus to work in smartphone or tablet touchscreens.
Comment #2
knarzer77 commentedHi Jeff,
thank you for your answer. I have a little "work around" in my site: I now use the module menu block to show the sub-menu in the left sidebar.
Maybe someone has a better solution.
Jan
Comment #3
Jeff Burnz commentedYep, I do that as well, its great for slicing up the menus and displaying where you need them.
Comment #4
masu commentedHello Jeff,
is there a possibility that the smartphone appearance is the same like the normal one? This would solve the smaler width problem, I guess.
Regrads
Martin