Problem on Android with website

Hi, My customer has a Galaxy smartphone, with android. When he touches the screen on the site on his phone, it shrinks down to the left to a really skinny screen.

http://clinica-americas.com  So my questions are:

1. Do you have a phone you can replicate this on? It just would be: go to the site, touch or swipe the screen, and the site will shrink to the left, suddenly taking up only 1/3 of the screen.

2. Can you help me solve this problem?

Thanks.
Melody ScottAsked:
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.

Alexander BarryCommented:
What browser application is he using? Which Galaxy phone is it? May just be an application error with that particular phone model and application.

I would get the customer to try the website on a different browser program. (Google Chrome, Firefox, etc.) Sometimes these things are hard to replicate due to possible unique instances going on. But I would try to test the phone at as many unique instances as possible.
Melody ScottAuthor Commented:
Ok, thanks. I'll ask him those questions.
hieloCommented:
I used genymotion (https://www.genymotion.com) to create an instance of a Galaxy S5.  When I go to the site above, the browser crashes.  It never finishes playing the banner animation.  I suggest you create a copy of the home page and save it to:
http://clinica-america.com/test-home.html

Then on that test page disable the banner completely (just to narrow down the problem) and see if the browser stops crashing.
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.

Melody ScottAuthor Commented:
Ok, thanks for that. I do have some good answers from my client.

1. The phone is a Galaxy Note edge, i have also tried it in Galaxy note 3, galaxy S4 and iphone 5.
2. In all devices the problem appears just in services(http://clinica-americas.com/services.html), testimonials(http://clinica-americas.com/testimonials.html) and contact(http://clinica-americas.com/contact.php). It never happens in home, who we are(http://clinica-americas.com/who-we-are.html) and médicos(http://clinica-americas.com/about.html), even if i use the original browser from those phones or any other browser such as google Chrome, fire fox or photon browser.
3. So my question is, why i am able to see it correct in some pages and incorrect in others?

So I guess that makes the comment by hielo moot, because it doesn't happen on that page. I never knew it was only happening on certain pages. I guess we can all look and see what are the differences on those pages! :)
Melody ScottAuthor Commented:
I am comparing code, and the only real difference is: on who-we-are.html:
<section class="aboutusBtnsCntr clearfix contents" style="background-image:url(/images/watermark2.png);background-repeat: no-repeat;">

and on testimonials.html: <section class="contents">

Would that make the difference? On the first page there is no problem, and on the second page it is doing the skinny thing on touch or swipe.
Melody ScottAuthor Commented:
I'll answer my own question: no, because on another problem page, contact.html, it is:  <section class="contents">
Melody ScottAuthor Commented:
Hi, I had a pretty bad accident, and I have to sit still, rest and elevate my leg for at least a week, maybe longer. I will look at this later.
Thomas Zucker-ScharffSolution GuideCommented:
My Galaxy S5 using Lollipop had no problem with this site.  I am using the Chrome browser for Android.
Melody ScottAuthor Commented:
Thanks for checking.... I guess I need to find someone who has the issue?
Thomas Zucker-ScharffSolution GuideCommented:
Yes and check both the version of the OS and the browser. I imagine that the builtin browser may have more difficulty,  but that is mere speculation. I never used it (except in the store on an S3), and haven't looked back since.
Melody ScottAuthor Commented:
My customer has the issue. I meant someone on here who has the issue. :)
Melody ScottAuthor Commented:
My customer just said: I have tried other devices, galaxy s4, note 3 and 4 and iphone 5 and all of them show the problem.
Thomas Zucker-ScharffSolution GuideCommented:
I can't replicate the problem, but I would guess it has something to do with the way in which the site is programmed to recognize the browser/platform.  Problems generally occur when the site uses the user-agent to identify the device that  is accessing it.  

The best way I can test what is going on is by using Opera with User Agent Switcher installed.  I select Note tablet or Galaxy S3 as the user agent to spoof and then access the site.  Using a Dell XPS 12 convertible Laptop, I noticed the following:

1.  Both in tablet mode, and laptop mode the website works fine EXCEPT the Services link does NOT display a dropdown menu but just goes to the main services page
2.  Swiping does nothing except make the window smaller as it is supposed to do when using a windows touchscreen device.

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
Melody ScottAuthor Commented:
Thanks very much.  I will have him send a screenshot, maybe you can confirm that is what it is supposed to do?
Thomas Zucker-ScharffSolution GuideCommented:
Confirm which thing?
Melody ScottAuthor Commented:
"Swiping does nothing except make the window smaller as it is supposed to do when using a windows touchscreen device."

I want to make sure that what he is seeing is normal.
Thomas Zucker-ScharffSolution GuideCommented:
I just retested in tablet mode using the spoofing agent as a Galaxy S3.  There is a definite problem.  It now occurs with all agents.  The page needs to be refreshed or it looks wrong.  Here is a video of what I see on my computer, on my laptop and in tablet view on the laptop.  All are using Opera with User Agent Switcher add-in.    http://www.screencast.com/t/TMBi9g6nGM
Thomas Zucker-ScharffSolution GuideCommented:
Okay.  The getting smaller can be tested easily.  If there is more than one application open he should see each one in a separate portion of the screen.  Tapping on any one will make it full screen.
Melody ScottAuthor Commented:
Ok, that is not good. But it is not the problem he is seeing. Any idea what this problem could be?
Melody ScottAuthor Commented:
I am still waiting for a screenshot, then hopefully we can solve this. thanks.
Melody ScottAuthor Commented:
Hi, here are the before and after shots. He opens the page, sees before.png, and when he touches or swipes it, he gets after.png. That isn't normal, right?
after.png
before.png
Melody ScottAuthor Commented:
Thanks. I am reopening this at the advice of the administrators, but wanted to give you credit for helping so much.
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
Responsive Web

From novice to tech pro — start learning today.