What do I have to change on my iPhone to make this work?

Head out to http://brucegust.com/rodgers/mobile/about.php. It will show up the same way on your mobile device as it will your desktop.

The scrolling menu is the issue. When you click on any of the menu items from you desktop, you'll be appropriately redirected to whatever page is attached to that menu option. When I try that on my iPhone, I have to hold my finger on the menu item and wait for a prompt that gives me several options. I can either:

open
open in new tab
add to reading list
Save image
Copy

...or cancel.

This is killing me, because I need my mobile environment to mirror what's happening on my desktop and I've been banging my head against the wall thinking that, perhaps, I've coded something incorrectly.

Mind you, this is not a new block of code. I've used this menu approach with several sites and I've never seen this problem until recently.

This morning it occurred that the problem may not be with my code. Perhaps it's a setting on my phone. I found this article which seems to describe my anomaly perfectly: http://www.mactips.info/2012/09/how-to-open-links-in-a-new-tab-on-the-ipad

Thing is, neither I nor my users are interested in any option other than simply being given access to the page that we're trying to look at. Is there a way to disable this option that insists on giving users a collection of options rather than simply directing them to the page / link?

Thanks in advance for you help!
brucegustPHP DeveloperAsked:
Who is Participating?
 
Kyle SantosCustomer RelationsCommented:
It does not appear to be iPhone specific or iOS related.  I tested your site on a Samsung S4.  Although the menu does swipe to the left and right, and clicking 'Contact' for example does appear to respond to my finger press on the device, but nothing happens.

Below is an example of how I also used Chrome developer tools to observe the site's behavior too.
Screenshot-1.png
The scrolling menu is the issue. When you click on any of the menu items from you desktop, you'll be appropriately redirected to whatever page is attached to that menu option.
I tried this too and the Home, About and Student buttons do direct to their pages, but I cannot click on the arrows to move left or right.

The Experts helped another person the other day with a similar issue.
http://www.experts-exchange.com/Web_Development/Internet_Marketing/Search_Engine_Optimization_SEO/Q_28667136.html

Did you hear about Google's new Mobile algorithm too?  I provided links about it in that discussion.

Please let me know how it goes.

o/
0
 
Thibault St john Cholmondeley-ffeatherstonehaugh the 2ndCommented:
I don't know what the problem might be, but I am seeing the same on an Android if that helps. I have to hold the menu item and select from the drop down list as you described. it probably isn't just your phone setting.
0
 
Thibault St john Cholmondeley-ffeatherstonehaugh the 2ndCommented:
I don't know what the problem might be, but I am seeing the same on an Android if that helps. I have to hold the menu item and select from the drop down list as you described. it probably isn't just your phone setting.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
Thibault St john Cholmondeley-ffeatherstonehaugh the 2ndCommented:
double posted from the mobile app and no delete option.
0
 
Kyle SantosCustomer RelationsCommented:
What iPhone do you have?  What iOS version did you have when you first noticed this issue?
0
 
brucegustPHP DeveloperAuthor Commented:
4G, IOS 8.3

As far as when I first noticed the issue, it was with the last mobile version of a site I built where I use the same kind of "formula" as I always have, as far as using the navigation menu.

I don't know if a particular update resulted in the problem I'm having now. Fact is, I'm still "fishing" - looking for something to explain why this suddenly doesn't work. Desperation is setting in now because one of my larger clients is looking for a mobile solution and I would love to use this navigation approach, but not before I can figure out why it has become the clunky thing that it is now.
0
 
brucegustPHP DeveloperAuthor Commented:
BTW: IOS 8.3 is what I have now. Not sure what operating system I had where everything was working fine - obviously something prior to this one. And that's assuming that it's an iphone issue...
0
 
Thibault St john Cholmondeley-ffeatherstonehaugh the 2ndCommented:
The left/right arrows not working on android either. The menu swipes left and right and the items only react to a long press which opens the drop down menu.
0
 
Kyle SantosCustomer RelationsCommented:
The left/right arrows not working on android either. The menu swipes left and right and the items only react to a long press which opens the drop down menu.
After looking at this a bit more the arrows just seem to be indicators and non-functioning; they just show the user to swipe left/right but are not intended to actually be clickable?
0
 
brucegustPHP DeveloperAuthor Commented:
Hey, Kyle!

The arrows are just eye candy. You can program them to be interactive, but they're just there for show. They're not intended to be clickable.

The issue is the links themselves.

I did go out the question you reference and it appears that the solution that's being suggested is the viewport setting which I have in place (https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/set-the-viewport#ensure-an-accessible-viewport).

Do you see anything else?
0
 
brucegustPHP DeveloperAuthor Commented:
Also, the JQuery widget that I'm using is http://smoothdivscroll.com.

Just want to make sure y'all have access to everything I've tried to consider.
0
 
Kyle SantosCustomer RelationsCommented:
Unfortunately, that is all I see.  I am glad you expanded the Topic Areas to get some developers in here that would know more about configuring the back end.  Sorry I have to tap out but I was merely able to just provide testing help :)
0
 
brucegustPHP DeveloperAuthor Commented:
Hey, folks!

Turns out that while the "problem" was brought to the surface in the context of an iPhone update, it's something that needs to be solved through JQuery. Thanks for helping me narrow things down!
0
 
Kyle SantosCustomer RelationsCommented:
That is great news.  Good luck with your project!

o/
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.