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!
Bruce GustPHP DeveloperAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

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
Thibault St john Cholmondeley-ffeatherstonehaugh the 2ndCommented:
double posted from the mobile app and no delete option.
0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

Kyle SantosQuality AssuranceCommented:
What iPhone do you have?  What iOS version did you have when you first noticed this issue?
0
Bruce GustPHP 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
Bruce GustPHP 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
Kyle SantosQuality AssuranceCommented:
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

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
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 SantosQuality AssuranceCommented:
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
Bruce GustPHP 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
Bruce GustPHP 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 SantosQuality AssuranceCommented:
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
Bruce GustPHP 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 SantosQuality AssuranceCommented:
That is great news.  Good luck with your project!

o/
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
iPhone

From novice to tech pro — start learning today.