Why Is Your Website Broken on Mobile?
If your site looks tiny on phones, renders at desktop width, or requires users to pinch-zoom to read anything - it's most likely a single missing HTML tag. Mobile devices account for over 60% of web traffic, and Google ranks the mobile version of your site first.
Why this happens
high
Missing viewport meta tag - site renders at desktop width on phones
Without the viewport meta tag, mobile browsers default to rendering your page at 980px (desktop width) and then shrink the whole page to fit the screen. Everything looks microscopic. This is the most common mobile display problem and takes 30 seconds to fix.
How to Add the Viewport Meta Tag →Not sure which of these apply to your domain?
Run a free scan - 26 checks in under 10 seconds.
Frequently asked questions
Why does my site look fine on desktop but tiny and broken on mobile?
Mobile browsers default to a 980px viewport when there's no viewport meta tag, then scale the whole page down to fit the device screen - making everything tiny. Adding the viewport meta tag tells the browser to match the actual screen width. You also need responsive CSS (media queries or a framework like Tailwind) to adapt your layout for small screens.
Does a broken mobile site affect Google rankings?
Yes, significantly. Google uses mobile-first indexing - it crawls and ranks the mobile version of your site, not the desktop version. A broken mobile experience (missing viewport, tiny text, content wider than screen) is flagged in Google Search Console under Core Web Vitals and directly leads to lower rankings. Over 60% of global web traffic is from mobile.
I added the viewport tag but the site still looks wrong on mobile - why?
The viewport tag is a prerequisite, but you also need responsive CSS. The tag alone tells the browser what width to use, but your CSS needs to handle different screen widths with media queries or a responsive framework. If everything is still side-scrolling, check for fixed-width elements (like width: 1200px) that are wider than the screen.
How do I test my site on mobile without a real device?
Chrome DevTools has a device emulator - press F12 → click the mobile icon in the toolbar. It emulates phone screen sizes and touch events. For real-device testing at scale, BrowserStack and LambdaTest let you test on actual iOS and Android devices. Google's Mobile-Friendly Test (search.google.com/test/mobile-friendly) checks from Google's perspective.
What percentage of my users are on mobile?
Globally, about 60-65% of web traffic is from mobile. For consumer apps, landing pages, and marketing sites, it's often higher. For developer tools and B2B SaaS, it can be lower. Check your own Google Analytics or Plausible to see your actual split - it's usually surprising how high mobile is even for 'developer' audiences.
Other common problems
Why Are Your Emails Going to Spam?
Why Isn't Your Website Showing in Google?
Why Do Your Links Look Bad When Shared?
Why Does Your Website Say "Not Secure"?
Why Is Your Website Loading Slowly?
Why Are Your Secrets or API Keys Exposed?
Why Doesn't www.yourdomain.com Work?
Why Do Your Broken Links Show a Bare Error Page?