dropdown menus on mobile devices

Your site is actually working fine. If you click a link that has dropdowns, its supposed to open up the dropdown first, then allow you to click whichever link you want. I’ve tested your site on my phone and its working the way its supposed to.

Yeah I’m using an iPhone…..I also borrowed an Android and tested it and it did the same thing.

Yes it worked fine for me on both phones. Although each mobile phone is designed differently…..and Each Android phone works differently unfortunately. Thats why a lot of developers complain about it being fragmented since there are so many android phones with so many custom android operating systems.

Yes I do work for Appfinite. Can you put in a good word for me so I can get a raise? 😉 Just kidding, I’m actually the creator of the site and all of the themes that you see.

I don’t have access to a Windows phone….I really don’t know anyone with a Windows phone, so it would be hard to see what it looks like…..and if I do ever access one, I would need some type of way to debug.

Will do.

Also, keep in mind that the menu is controlled by the Genesis Framework itself. The only thing the child theme does is add css styling (colors, graphics). Other than that there isn’t anything within the child theme that would affect how the menu functions. So you would probably be better off asking this question over at the StudioPress Community forums since thats where Genesis Framework issues can be handled. Plus there are a lot more people there…..someone out of the 80,000+ should have the same phone, or a similar phone as you and can probably offer some help.

A bit of additional info… this does not seem to be specific to Genesis, but I see a lot of other people asking questions about this in various forums (wordpress.org, primarily) about this iOS dropdown menu problem, and a few other non-WordPress platforms.

As a test, the folks who I customized Adapt for do not have problems with menu navigation on several other sites of mine running Genesis, those sites running customized Genesis child themes from StudioPress (Backcountry) and Themedy (Foxy News)… the dropdown menus on those three sites operated fine on their iPhones, but recently stopped working on Adapt (the same menus that don’t work with iOS 5.x and 6.x still work with iOS 3.x)

What’s worse is, they had this same problem crop up back in February or so, and I fixed it then (they have blank top level menus that I had to add a blank anchor as the URL to fix it), and now months later, the same problem crops up again, and no one has changed anything on the site in the interim other than adding more content (posts, custom posts, and pages).

I’m wondering if Apple changed anything yet again, and why they keep breaking this.

Any insight/help you could lend would be greatly appreciated, thank you!

Are you sure they work? The menus drop down, but you cannot click any of the items that appear. Doesn’t matter if the first item is an anchor or a link, you cannot select an item from the drop down to navigate to it; it automatically navigates to that first item, no matter what you try to tap on.

I have had people test this out with iOS 5 and 6 since Thursday night, and it behaves the same way on both, and also behaves this way on Android phones.

Could you try your phone on my client’s site? http://www.vueaudio.com

What’s weird is that the dropdowns work just fine on the iPad… this would indicate that there has to be a workaround, but no one has hit upon it yet. When this happened to their site back in Jan/Feb, it didn’t work on either iPhone or iPad.

Also, this behavior isn’t limited to Genesis child themes… other WordPress themes/frameworks are affected, including some of the default TwentyX themes, going by the people who are screaming about this on many various forums (including Apple’s Support Forums).

The big question is what are they changing, and why, and why does it break on standard website code.

The fancy dropdowns were on previously, I had turned them off when the trouble first started, to see if that would make a difference, and the clients reported that it didn’t.

And yes, the clients demanded that I remove all the mobile responsive code, despite my warnings that that was counter to what they wanted it to do (customer is always right, right?). I’d forgotten about removing that CSS, though

The fact you’re saying that sometimes it works and sometimes is doesn’t is both confusing and disturbing… I have no idea what could be causing that, unless it’s an iOS bug.

Maybe if I put the responsive code back and turn on the fancy dropdowns…. well, the middle of the night is the best time for testing, right?

I added the fancy dropdowns & mobile responsive code back to a test site (copy of the original, but running WP 3.6 beta 3 and Genesis 2.0 beta), and it improved menu navigation on Android a little bit, but didn’t change anything with iOS behavior… the dropdown menus don’t stay “dropped down” long enough for anyone to tap an item; instead the iPhones just reload whatever that top menu item might be.

This has to be an Apple problem, because it works on my 1st Gen iPod Touch (iOS 3), and works on iPad, but not on iPhones running iOS 5 or iOS 6, for the clients.

Eric, could you indulge me one more time? See if the dropdowns work and those items can be clicked on http://www.sliceofscifi.com using your device?

That site is running Metro, another Genesis child theme. If the mobile responsive code works on that theme, maybe there’s something in the CSS there that I could compare to what’s in Adapt, maybe figure out a solution for my client that way.

Otherwise, I am completely out of ideas.

All of my customizations involved removing items rather than adding anything. Other than removing the mobile code, the only other thing I customized was to remove the arrows and putting the menu in the header widget and floating to the right. I think this latest round of complaints happened after updating to Genesis 1.9.2, and I know they are making changes with Genesis 2.0 that gets rid of superfish and a few other things, but I didn’t think they’d removed any of that already.

I’ve even compared the current code to what’s on the Adapt demo, and I haven’t seen anything radically different yet, but I’m going through the css again to make sure. I also wish I could reliably test the mobile device behavior for myself.

Never mind. I think I have a different problem altogether.

the superfish code is working, but now my header right widget doesn’t appear where I put it… I think I have a spacing issue…