Dropdown Menu not working on iPhone...

User 2848045 Photo


Registered User
20 posts

I have made a dropdown menu using the RFF component. It may need a bit of tweaking. I have been checking it using Chrome, and the "Preview On" function in RFF.

When I upload it to the real internet, it works as expected on my desktop. On the iPhone (6 Plus), and iPad (Air 2), using iOS 10, the menu does drop down, but the links do not work.
    - the panels do dropdown
    - I can run my finger down the list
    - when I lift my finger, the colours change to show what is selected
    - pressing on the link causes the dropdown to disappear
User 2484360 Photo


Registered User
3,293 posts

Can you share a link to the page where your project is uploaded?
User 2848045 Photo


Registered User
20 posts

http://www.saskatoonconcertband.ca/concertmenu.html
This is an experimental page, so not everything has links, and it is definitely "under construction".
You will see that I have added a dropdown pane (since my last post here), and it does work on my iphone and ipad. I made this dropdown pane using the YouTube instructions.

Here is the home page:
http://saskatoonconcertband.ca
This is VERY temporary, as I wanted to give people in my organization some idea of what the new site will be.

I hope this is helpful.
Thank you.
User 2848045 Photo


Registered User
20 posts

User 2484360 Photo


Registered User
3,293 posts

It is working, however they are hidden beside another element. Try giving the container that holds the links a position of relative and a z-index. That should correct the issue.
User 2848045 Photo


Registered User
20 posts

Thanks for looking at the problem Adam.
I have tried your suggestion, but have had no luck.
Here is the structure of the row containing my dropdowns:

I have attached an image of the nested structure.

Here is the page link:
http://www.saskatoonconcertband.ca/concerts.html

Just look at the "Concert Band Concerts" dropdown - I have tried some changes on those.

Thanks again. Have a good weekend.
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

The dropdowns work on my iphone 6
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2848045 Photo


Registered User
20 posts

Thank you Eric.
Just to confirm - the dropdowns for "Concert Band Concerts" and "Auxiliary Band Concert" will not only "dropdown" (mine do that) and they actually open the links?

My problem is not that they don't dropdown, the problem is that the links don't work on my iPhone 6 Plus, nor on my iPad Air, both running iOS 10. Everything works on my desktop iMac El Capitan OS.

Could you be more specific about what is "working" on your iPhone 6?

Thanks.

User 187934 Photo


Senior Advisor
20,181 posts
Online Now

Yes, the anchor links in the drop downs work on my iphone 6
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2484360 Photo


Registered User
3,293 posts

Eric Rohloff wrote:
Yes, the anchor links in the drop downs work on my iphone 6


Just to confirm, they are now working for me as well. :) So you should be all set.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.