Could this be due to the User-Agent string missing ‘Mobile’? Are there any Chrome flags to force mobile rendering?
Yeah, I’ve come across this before. Turns out, the issue is often with the User-Agent string missing the ‘Mobile’ token. A lot of sites depend on this to serve the mobile-friendly layout.
For me, it was a rogue extension and a custom debug flag that were altering the UA string even though the ‘Desktop site’ toggle was unchecked. So, I had to go into Chrome flags and reset everything to default (chrome://flags → Reset all to default), and that solved the rendering problem across multiple sites.
That’s definitely one route! I’ve run into something similar when I was testing a full-stack project and found that ‘localhost:3000’ was pointing to the local machine’s server on port 3000. So, in my case, the issue might not have been strictly related to Chrome’s user-agent but to how local environments handle requests.
However, I did see the same problem on Android, where the mobile layout wasn’t getting served, even though the ‘Desktop site’ toggle was unchecked. It turned out the ‘Mobile’ token wasn’t present in the User-Agent string, just like Rashmi mentioned. Resetting Chrome flags and making sure no extensions were interfering helped me sort it out.
Definitely! This happened to me as well when I had Power Saving Mode enabled on my Android. Chrome defaulted to the desktop version for some sites, and I think the power-saving settings were altering how the browser handled viewport scaling. I didn’t change the user-agent manually, but a quick check with a proxy tool like Charles confirmed that the ‘Mobile’ token was missing in the UA string.
I disabled Power Saving Mode and restarted Chrome, and the issue was gone. If you’re still facing issues, try tweaking the user-agent hints through chrome://flags/#enable-android-user-agent-client-hints. Some folks had success with that trick when dealing with stubborn sites.