May 19, 2014 at 5:09 pm #105938
I just completed a site using parallax pro. The mobile responsive seems to work great on iphone, but my client just informed me that the dropdowns don't work on his android. Is this just 'user error' or has anyone else noticed this too?
If they don't work in android, is there a fix for this?http://equity-view.com/May 20, 2014 at 4:39 am #105976
You mean the menu items with submenu items/children?
It's not that they "don't work", really only the top level items work - immediately, no hover. So you never get to select a sub-menu item,
Your top-level menu item "About Equityview" goes to
Try moving the target link to a sub-menu item and make the "About" main level item a null ID Link (href="#").
Alternatives are to build your own, grab a plugin or apply a tutorial. There are several available; Ozzy Rodriguez does one here that you might tweak to look like Eleven40Pro.
May 20, 2014 at 6:44 am #105991
Thanks man, great advice. And great tutorial.
Did you try this on an Andoid? Because my iphone works perfectly. Just curious.
I am also trying to verify that it is just not 'user error' on my client's part.May 20, 2014 at 8:18 am #106014
Yes, I tried this on a Galaxy 3 tab.
I'm not sure of the root cause, or why it's not browser dependent, but I have read that this is one of the annoying diffs b/w Apple and Android. I think your client is not at fault.
June 18, 2014 at 9:09 pm #110478Dan BMember
Hi Scottz.... I see that you have given up, as the menu on your site is still not working on Android (as tested on my Nexus 5).
The issue here is that Android and iOS have a different on-click behavior. Android will always perform a click through, where as iOS will treat it as an on-hover, and then allow you to press again for a click through.
Practically, this means that - on an iOS device - when you touch on the About link in your menu (and the about link has a submenu under it) the touch will bring up the submenu and allow you to view it. Then you may select any link.
Whereas on Android, the very first touch will pull up the submenu, but will ALSO take you straight to the About page. You would have to be extraordinarily fast to make it down the submenu to, for example, reach the FAQs page on your site. Near impossible.
So, the simple solution, as Tom mentioned, is to simply not allow the About page to be a link, but to use it as a placeholder instead. You can still have a page called About, for people who stumble upon it, but essentially you'd place all content in the submenu. To use it as a placeholder simply set the link URL as #.
There must be a better solution out there, but I think that would probably require conditional functions for various mobile devices.
If you find any better solution, do post here. I'd love to explore other possibilities.
Dan @ ZindaMedia
Marketing, Fundraising and Social Media strategies for non-profits.June 18, 2014 at 10:09 pm #110489
StudioPress has recently provided a code snippet that fixes the Android first-tap problem.
It was discovered here: Sub-menus not accessible on Android Devices
I wrote about it here: Genesis Fix for Mobile Menu Sub-Menu Problem
June 19, 2014 at 7:40 am #110558
Thanks so much to both of you. The best solution may be not allowing the top level menus (with submenus) to be links. And I think I will look in to the code snippet as well.
This forum is great, thanks to guys like you.June 20, 2014 at 1:34 pm #110825
I added the code to my functions.php, is that all I need to do, or do I need to add some script as well?June 20, 2014 at 1:59 pm #110834June 22, 2014 at 10:45 am #111083
My client reported that it still does the same thing, if you have an android, could test it for me?
ThanksJune 22, 2014 at 11:11 am #111087
My testing shows that it works as expected. From the mobile menu:
Get Started (linked directly to the 'get-started' page
About Equityview (top level) -
tap once > reveals 4 additional sub-menu items
tap again > opens linked page "benefits"
The only issue I have with how this works (android or ios) is that there is no indication that the top-level 'about' menu item also has a direct link. I just selected it (first tap) and it opens a submenu. How is the reader to know there is also a direct link available if tapped again? Now that the potential to tap twice is available to you, how will you style the menu items in their different states to show this?
What happened in your Android testing?
June 23, 2014 at 10:55 am #111174
Awesome Tom, it actually worked on my client's phone. That's a good sign. Thanks for all the help! I think we can consider this case closed.
- The forum ‘General Discussion’ is closed to new topics and replies.