Dropdown Menus and Mobile Responsive Themes
Hi, I am struggling with how to resolve what I see as a problem with responsive themes that use dropdown menus. I am trying to work with the Outreach theme (but I think the same applies to other themes).
It seems that many touch screens do not deal well with mouseover events so the dropdown menu system doesn't work reliably on these devices. So how can I deactivate the dropdown for these devices and replace them with a simple navigation list of visible items or a button that brings up a simple menu.
My first thought was I could do it with CSS but this doesn't switch off mouseover effect - so do I have to set up 2 separate menu systems?
|