Home › Community Forums › Adapt Theme Support › dropdown menus on mobile devices
Tagged: dropdown menus
- This topic has 25 replies, 4 voices, and was last updated 10 years, 3 months ago by
sliceofscifi.
-
AuthorPosts
-
April 14, 2013 at 7:48 pm #3866
Isle2Isle
CustomerI’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 #3878Wes
ModeratorYour 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 #3895Isle2Isle
CustomerHmmm….ย Looks like it’s a platform issues. Windows strikes again. I am using a nokia/windows phone. The dropdowns done stay open.
Lili
April 16, 2013 at 11:46 am #3903Wes
ModeratorYeah 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 #3906Isle2Isle
CustomerThanks 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 #3917Wes
ModeratorYes 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 #3950Isle2Isle
CustomerHi Wes,
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.
Lili
April 17, 2013 at 9:31 pm #3957Wes
ModeratorWill 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.
June 8, 2013 at 10:16 pm #5136sliceofscifi
CustomerThis 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 #5150sliceofscifi
CustomerA 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 #5155Eric
CustomerUnfortunately 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.
I create awesome sites for awesome people! Contact me if interested โ ericsanchez1585@gmail.com
June 10, 2013 at 12:37 am #5159Isle2Isle
Customeratouchofsummer, 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 #5168sliceofscifi
CustomerEric, 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 #5171Isle2Isle
CustomerNokia/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 #5182Eric
CustomerThere is no jquery included with the theme that would affect it.
This child theme only provides css….so that means the only thing that could be affected (if the theme were an issue) is the design of it. Any jquery/javascript or any other code outside of html/css wouldn’t have anything to do with the child theme, since the child theme doesn’t provide that.
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.
I create awesome sites for awesome people! Contact me if interested โ ericsanchez1585@gmail.com
June 11, 2013 at 12:36 am #5187sliceofscifi
CustomerAre 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 #5188Eric
CustomerThe 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.
I create awesome sites for awesome people! Contact me if interested โ ericsanchez1585@gmail.com
June 11, 2013 at 4:35 am #5192sliceofscifi
CustomerThe 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 #5200Eric
CustomerIf 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.
I create awesome sites for awesome people! Contact me if interested โ ericsanchez1585@gmail.com
June 12, 2013 at 1:06 pm #5216sliceofscifi
CustomerI 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 #5235Isle2Isle
CustomerNope. 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 #5341sliceofscifi
CustomerEric, 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 #5350Eric
CustomerYes 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.
I create awesome sites for awesome people! Contact me if interested โ ericsanchez1585@gmail.com
June 19, 2013 at 2:35 am #5372sliceofscifi
CustomerAll 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 #5667sliceofscifi
CustomerNew 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 #5668sliceofscifi
CustomerNever 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…
-
AuthorPosts
- You must be logged in to reply to this topic.