Tagged: dropdown menus
April 14, 2013 at 7:48 pm #3866
I’m having trouble with the mobile navigation system. The dropdowns should be opening on click, not hover, and they should remain open until someone clicks something else. Is there a way to do this without too much effort?April 15, 2013 at 11:46 am #3878
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.April 15, 2013 at 5:56 pm #3895
Hmmm…. Looks like it’s a platform issues. Windows strikes again. I am using a nokia/windows phone. The dropdowns done stay open.
LiliApril 16, 2013 at 11:46 am #3903
Yeah I’m using an iPhone…..I also borrowed an Android and tested it and it did the same thing.April 16, 2013 at 12:37 pm #3906
Thanks Wes. So Android device doesn’t work either? Or Android works like iPhone? Sorry. I’m not clear. Wes, do you work for Appfinite? Any chance they are working on a fix for good ole IE?April 16, 2013 at 10:01 pm #3917
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.April 17, 2013 at 4:23 pm #3950
Believe it or not, I’m a mac user with a windows phone (how technologically bipolar is that?!)
Anyhow, there are emulators out there for the Nokia, though not for my mac. Let me know if you hear anything more on this.
Your themes are lovely, btw.
LiliApril 17, 2013 at 9:31 pm #3957
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.June 8, 2013 at 10:16 pm #5136
This seems to be a widespread problem with WordPress and dropdown menus on iOS.
A client of mine purchased Adapt, and this week, for the second time in 5-6 months, dropdown menus just stop working on iPhones, and there’s nothing left for me to change, since no plugins or Genesis or WordPress updates had been done in the interim.
The strange thing is, I can get them to work on my old iPod Touch, which is still running iOS 3.something, but most people running iOS 5.x it fails, and for everyone running iOS 6.x it fails.
I’m at a loss for how to fix this.June 9, 2013 at 5:39 pm #5150
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!June 9, 2013 at 11:00 pm #5155
Unfortunately there’s not much anyone can really do since this isn’t caused by the Child theme….or Genesis. We can only assist with Child theme issues.
June 10, 2013 at 12:37 am #5159
atouchofsummer, I really appreciate your looking into this. Maybe if we bug wordpress developers enough we can get them to look into it?June 10, 2013 at 11:59 am #5168
Eric, there must be something in the child theme that’s related to this, because other Genesis child themes don’t have this problem. I simply haven’t been able to find it, thus my coming here for support for my client.
Something in the mobile responsive CSS, or the jQuery library used, perhaps? I am at wits end, and my client is in a panic because they’re all about to head for a trade show and cannot navigate the site on their iPhones (I don’t know about Android behavior, if that’s affected).June 10, 2013 at 1:57 pm #5171
Nokia/Windows phones don’t work with it. The dropdowns don’t stay open. My solution for the time being is to remove the dropdowns for the homepage and add them as custom menus to the sidebars. It’s a little clunky, but works.June 10, 2013 at 10:52 pm #5182
There is no jquery included with the theme that would affect it.
The dropdowns actually work fine for me, but I only have the latest iPhone 5 to test with. If Apple has an error in the way they display their dropdowns, then unfortunately there’s not much that we can really do since the child theme only affects the design/display. The Genesis Framework and WordPress may have to do with the functionality, but not the child theme since nothing exists inside of it that would alter this type of functionality.
The fact that it was working at one point, and then suddenly stopped working means that obviously something was changed somewhere. And that could very well have to do with the device.
June 11, 2013 at 12:36 am #5187
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.June 11, 2013 at 12:57 am #5188
The first thing I noticed with your site is the fact that you removed the responsive features of the theme. Which is no problem, but when you remove the mobile responsive code set in place to work specifically with mobile phones then obviously this would increase the possibility of display errors.
You don’t have to add them back, but I’d recommend at least turning on the “fancy dropdowns”….not sure if that will work or not, but its worth a try to see if there’s a difference. Your issue appears to be with the way you designed it in your css……again, I’m not sure, but that could be it.
I’m looking at the adapt theme itself, and your site at the same time on an iPhone, and the adapt theme is working fine, but your site works sometimes….and sometimes it doesn’t.
I know I’m repeating myself, but if it is an Apple issue, then there is definitely nothing we could do….this would have to be asked on their forums as we can only assist with what we know here (which is for Child theme support).
Unfortunately there is no way we can know or keep up with what Apple is adding or changing inside of their Operating Systems.
June 11, 2013 at 4:35 am #5192
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?June 11, 2013 at 11:49 pm #5200
If only there was a functional web inspector for the iPhone so we could visually see the site and the code at the same time, but from the actual phone itself….then we could figure it out, even if it is an iOS issue. It’s pretty much a shot in the dark when it comes to figuring out what causes certain issues on mobile phones.
June 12, 2013 at 1:06 pm #5216
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.June 12, 2013 at 5:51 pm #5235
Nope. Not just Apple. As I said, it’s the same issue with the Nokia phones (windows). Panels don’t stay open.June 17, 2013 at 8:36 pm #5341
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.June 17, 2013 at 11:30 pm #5350
Yes its working fine.
The adapt theme is also working fine….so if it is a css issue then it must be an error in the custom code that you created.
….but still unsure what it could be, as there aren’t many good ways to diagnose these issues from a phone.
June 19, 2013 at 2:35 am #5372
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.July 2, 2013 at 5:02 pm #5667
New discovery: I noticed a big difference between the Adapt demo and my client site having the dropdown menu problem.
Since the primary nav menu is now a custom menu located in the header widget instead of located in the primary menu area, the superfish classes aren’t being assigned to it, which is why enabling the fancy dropdowns in the Genesis settings wasn’t affecting the menu behavior.
Is there a safe way to add that class to the dropdown menu in the header? I’d love to find out if adding that back in can resolve my dropdown failure problem on mobile devices.July 2, 2013 at 5:04 pm #5668
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…
- You must be logged in to reply to this topic.