Mobile and Tablet Website Load Issue

3 replies
1080 views
Translate

Please help me I am having trouble my website is not loading correctly on mobile phones and tablets. The website is GPSDetroit.com

See the below photos.

This topic is closed to new replies. Start a new post to keep the conversation going.

Raimundo IllanesCorrect answer

Inspiring

You need to do a horizontal and vertical media query, so it can work on the orientation you choose

Nancy OShea

Community Expert

Your site is built with Bootstrap responsive layouts and it appears to work as expected for me in Firefox. With which devices & browsers are you seeing problems?

On line #5, I would change the viewport meta tag to just this.

<meta name="viewport" content="width=device-width, initial-scale=1">

Translate

Nancy O'Shea— Product User & Community Expert

O

osgood_

Legend

I thought it worked, at least on my tablet but then I turned the tablet horizontally and the website defected back to the wide desktop version. Maybe a slightly different viewport meta tag will do the trick but the OP was/is using the version I usually use and I have no issues.

Translate

Raimundo IllanesCorrect answer

Inspiring

You need to do a horizontal and vertical media query, so it can work on the orientation you choose

Translate

<meta name="viewport" content="width=device-width, initial-scale=1">

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.