Sub-menus not accessible on Android Devices

[themaynedesign]

Hi,

Submenus on Android tablets and smartphones are not accessible under Genesis Metro Pro.

So want to test it for yourself,

1. Go to the Metro Pro page here --> http://my.studiopress.com/themes/metro/#demo-full
2. Click on the "Category #1" parent menu on any Android device to get to the sub-menus below
3. Can't click on the sub-menu's as the page for "Category #1" then shown ...

Other StudioPress Themes are impacted in the same way.

On seriousness ... well this has to be important as Android is the dominant smartphone operating system with 44% market share (iOS is 10%).

Do I need to raise a support ticket with StudioPress to get this resolved?

Many thanks,
Steve

[nutsandbolts]

Since that is more of a technical problem than a customization issue, I would suggest opening a ticket. If the dev team is not already aware of the issue, it would make sense to bring it to their attention.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[itkreativ]

Strange that this is noticed anyone yet. Hope there comes a solution quickly.

[themaynedesign]

Hi Folks,

I've done some testing on the other Genesis Themes and they are also impacted in the same way.

Crave, Magazine Pro, Agency Pro ... everything I tried failed to give access to the child sub-menu. I expect the issues has been noticed, just not formally reported.

Here's a video of the problem : http://youtu.be/aUxI31KuoNs

This video is of a Google Nexus 7. I have also tested on Samsung devices and they show the same behaviour.

I'll go ahead and raise a ticket.

Thanks,
Steve

[nutsandbolts]

If you get a chance, please come back and update the thread once you hear from the support team. Thanks!

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[itkreativ]

Hello friends, I have something interesting found. If the button is a page, it does not move. Is he an inserted link, then goes the submenu. See screenshots. sorry, my english is not so good.

best regards

Mario

and her is working mobil

[themaynedesign]

Hi Andrea, yes I'll keep this thread updated with the progress of the ticket.

I've also offered to help StudioPress test the fix when it becomes available.

Thanks,
Steve

[themaynedesign]

Hi Mario,

Yes I saw that too, '#' of course doesn't go anywhere is looks to be handled differently by Chrome.

Steve

[itkreativ]

hello Steve, testing with Samsung Galaxy Note 10.1.
Browser: Chrome, Opera, Firefox.

different representation in chrome, how to keep the tablet or smartphone. lengthwise or highly

[themaynedesign]

Hi Andrea,

I am continuing to work with the support team with some testing and will update this thread once there is a conclusion.

Many thanks,
Steve

[itkreativ]

hello Steve, Thank you for this informations

[Tom]

Strange that this is noticed anyone yet. Hope there comes a solution quickly.

@itkreativ .... this has actually been known for some time. I don't think it is so much a "Genesis" problem as a function of not being able to hover over a menu item (or long-long-press-pause) to reveal the sub-menu. It is frustrating because it seems not to affect iOS or is inconsistent. You've found the easiest, fastest fix already - to make all top-level menu items 'null' links or 'button' links.

Some newer StudioPress themes have (some form of) mobile menus built-in. Eleven40 may be the best example of this.
There are several Genesis-specific tutorials available to give you mobile menu options and at least one plugin that appears to do a good job on mobile devices. These are a few examples:

http://coolestguidesontheplanet.com/using-slick-responsive-menus-genesis-child-theme/
http://wpbacon.com/tutorials/genesis-responsive-menu-2-0/
http://bradpotter.com/responsive-mobile-navigation-menu-for-the-genesis-theme-framework/
https://wordpress.org/plugins/mobile-menu/

(The links are not active here to prevent this post from being spambot-blocked.)

I'm looking forward to what @themaynedesign finds from StudioPress.

---

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

[themaynedesign]

Hi Folks,

The issue is with the implementation of the SuperFish javascript used to give the menu dropdowns in Android. A lot of other products that use this script have the same issue.

The mobile menu included with some of the newer themes does not solve the problem on Android Tablets. Android tablets can measure up to +12 inches and are therefore are not candidates for triggering the mobile menu.

StudioPress provided the following code snippet to go into functions.php,

add_filter( 'genesis_superfish_enabled', '__return_true' );
add_action( 'wp_enqueue_scripts', 'child_enqueue_scripts' );
function child_enqueue_scripts() {
    wp_enqueue_script( 'hoverIntent' );
}

My initial testing is positive, with this snippet iOS and Android devices work fine. I have also tested on a few Windows browsers.

Would welcome feedback from other folks and their testing - please provide as much detail as possible on the devices being tested. Please also check the WP Admin and the left-hand menu behaviour.

Thanks,
Steve

[Tom]

Thanks for pursuing this, Steve, and drawing a solution out of the overworked StudioPress/Copyblogger crew:).

Only time to test a few sites at the moment, but good results using an Android tablet, including multi-level nested sub-menus on:

• Outreach Pro
• Eleven40 Pro
• Focus Pro
• Metro Pro

Not so good in a quick test using Prose (init.php), presumably as it's not G2.0

This should help to reduce the need for various fixes and over-use of hamburger menus (like invoking a hamburger on a wide screen using a really early media/device query.)

---

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

[Mealtog]

It's been months since I opened a ticket with a similar issue for iOS devices but mine is slightly different. I have not seen a fix so checking here and found this thread. For iOS, not just the submenu but the dropdown menu (primary) is not accessible for admin users on Metro Pro. This has been confirmed by technical support but there is no fix that I know of.

Has anyone run into this issue or have a fix?

[Doug]

Hello,

Here is what we've tried on our site testing with Android tablets:

Headers now produce drop downs with double tap only.
With single press/tap the drop downs appear briefly, then disappear and I get transfered to header page.
With long press/tap I get pop up box asking if I want to open link.

Drop-downs work with Android smartphones but not with tablets.

Can anyone help? We are using the Graphy theme.

Thank you,
Doug

[Tom]

Hi Doug,

Can you provide a link to your site please? Also, who is the provider of the "Graphy" theme?

Have you applied this fix?
http://keypresswp.com/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 ]

[Author]

Posts