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.
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.
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.
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">
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With