ScoreMySiteDesign
A landing page that breaks on mobile
By Caleb Gross · Updated · Based on Jev AI scores of 116 pages
Short answer
Check your page on a real phone: make buttons big and easy to tap, keep the hero short, crop screenshots, and remove anything that scrolls sideways.
Many founders design on a big monitor and check mobile last. On a phone, the same page can have tiny buttons, cut-off images, cramped text or sideways scrolling.
9%
of the 116 landing pages Jev scored have this issue
7.6/10
average mobile score across the leaderboard
Why it matters
A large share of first visits, especially from social media, happen on phones. If the page is awkward there, those visitors are gone before they see the product.
Signs your page has this problem
- The headline wraps into five or more lines on a phone.
- Buttons are smaller than a thumb or too close together.
- Screenshots are unreadable or the page scrolls sideways.
How to fix it
- 1
Check on a real phone
Open your page on your own phone and try to sign up with one thumb.
- 2
Make buttons easy to tap
Primary buttons should be at least 44px tall, often full width on mobile.
- 3
Crop screenshots for mobile
Show a zoomed-in part of the product rather than a tiny full dashboard.
- 4
Shorten the hero
Smaller headline size and a tighter intro so the button is visible without scrolling.
Checklist
- No sideways scrolling
- Buttons at least 44px tall
- Text at least 16px
- Hero button visible without scrolling
- Screenshots readable
Pages that get this right
The highest mobile scores on the ScoreMySite leaderboard.
shopify.com
Shopify: The All-in-One Commerce Platform for Businesses - Shopify
4tospeak.com
4ToSpeak — Learn a language in 4 simple steps
supabase.com
Supabase | The Postgres Development Platform
Questions
How do I test my landing page on mobile?
Use your phone first, then your browser's device mode to check a few sizes. Look for sideways scrolling, tiny text and buttons below the first screen.
Does your page make this mistake? Find out in seconds.
Get your free conversion, design and trust scores from Jev AI in seconds. No signup.
More landing page mistakes
Design
AI design slop: why your page looks like every other AI-built site
Purple gradients, glowing blobs and generic sections that all look the same.
Design
Weak visual hierarchy
Everything looks equally important, so nothing stands out.
Design
Inconsistent fonts, colors and spacing
Mismatched styles make a page feel unfinished.
Design
Unpolished details that cheapen the page
Blurry images, misaligned elements, typos and placeholder text.
Design
Low-contrast, hard-to-read text
Light gray text on white, or text over busy images.
Design
Generic stock photos and illustrations
Smiling people at laptops that could be on any website.