parallax pro dropdowns

[scottz]

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/

[Tom]

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 http://equity-view.com/benefits/
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.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[scottz]

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.

[Tom]

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.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Dan B]

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.

[Tom]

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

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[scottz]

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.

[scottz]

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?

[Tom]

You're done. Test your menus with your Android devices, they should respond appropriately.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[scottz]

My client reported that it still does the same thing, if you have an android, could test it for me?

Thanks

[Tom]

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?

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[scottz]

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.

[Author]

Posts