• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

dropdown menus on mobile devices

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.
Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • April 14, 2013 at 7:48 pm #3866
    Isle2Isle
    Customer

    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?

    http://www.mauifishing.dreamhosters.com/

    April 15, 2013 at 11:46 am #3878
    Wes
    Moderator

    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
    Isle2Isle
    Customer

    Hmmm….ย  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 #3903
    Wes
    Moderator

    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
    Isle2Isle
    Customer

    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
    Wes
    Moderator

    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
    Isle2Isle
    Customer

    Hi 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 #3957
    Wes
    Moderator

    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.

    June 8, 2013 at 10:16 pm #5136
    sliceofscifi
    Customer

    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
    sliceofscifi
    Customer

    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
    Eric
    Customer

    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.


    I create awesome sites for awesome people! Contact me if interested โ€“ ericsanchez1585@gmail.com

    June 10, 2013 at 12:37 am #5159
    Isle2Isle
    Customer

    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
    sliceofscifi
    Customer

    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
    Isle2Isle
    Customer

    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
    Eric
    Customer

    There 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 #5187
    sliceofscifi
    Customer

    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
    Eric
    Customer

    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.


    I create awesome sites for awesome people! Contact me if interested โ€“ ericsanchez1585@gmail.com

    June 11, 2013 at 4:35 am #5192
    sliceofscifi
    Customer

    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
    Eric
    Customer

    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.


    I create awesome sites for awesome people! Contact me if interested โ€“ ericsanchez1585@gmail.com

    June 12, 2013 at 1:06 pm #5216
    sliceofscifi
    Customer

    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
    Isle2Isle
    Customer

    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
    sliceofscifi
    Customer

    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
    Eric
    Customer

    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.


    I create awesome sites for awesome people! Contact me if interested โ€“ ericsanchez1585@gmail.com

    June 19, 2013 at 2:35 am #5372
    sliceofscifi
    Customer

    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
    sliceofscifi
    Customer

    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
    sliceofscifi
    Customer

    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…

  • Author
    Posts
Viewing 26 posts - 1 through 26 (of 26 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now โ†’

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us โ†’

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 ยท Appfinite ยท Built With The Genesis Framework