Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Website showing desktop version on mobile

My website is showing fine responsive behavior when i change the width of my browser window. I also checked it under different view port widths on this studio press responsive testing tool it appears to be working fine. However, when some of my clients checked it on different phones particularly Galaxy S3, they see desktop version of the site, instead of mobile one.

Can somebody please point out what am i missing.

like image 547
anwartheravian Avatar asked Jul 29 '14 17:07

anwartheravian


People also ask

How do I make a website look exactly the same on desktop as on mobile?

How do I make my website look the same on mobile and desktop devices? To display a desktop version of your website on mobile devices, you need to disable responsiveness. To do this, open Page settings → Additional → check the "Switch off adaptive mode for mobile devices" box → save the changes → re-publish the page.

How do I disable desktop sites on Android?

If you want to deactivate the desktop view for a tab, simply re-open the Chrome menu and uncheck the box next to Desktop site.


1 Answers

You need a viewport meta tag to tell the device at what scale it should show your website:

<meta name="viewport" content="width=device-width,initial-scale=1.0">
like image 135
Adam Avatar answered Nov 29 '22 15:11

Adam