dropdown menus on mobile devices

Homepage Community Forums Adapt Theme Support dropdown menus on mobile devices

Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • #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/

      #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.

        #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

          #3903
          Wes
          Moderator

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

            #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?

              #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.

                #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

                  #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.

                    #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.

                      #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!

                        #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

                          #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?

                            #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).

                              #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.

                                #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

                                  #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.

                                    #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

                                      #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?

                                        #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

                                          #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.

                                            #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.

                                              #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.

                                                #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

                                                  #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.

                                                    #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.

                                                      #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…

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