My website looks wrong on a phone. How do I fix it? - Forum

My website looks wrong on a phone. How do I fix it?



User: Paul-RAGESW 2 days ago
The fix depends on which type of page you built. To check, select the page and go to Inspector > Page Settings > Page Layout.

Responsive page
The same page rearranges itself to fit the screen.
- Make the EverWeb window narrower to see how the page adapts.
- To hide something on phones, select it and use the Show on checkboxes in the Responsive section of Inspector > Metrics.
- If things overlap, stick out or slide sideways, see: My website looks fine on my computer but is cut off or jumbled on my phone

Centered Layout page
The page stays at its desktop width on a phone unless you add a mobile page.
1. Click Add Page, filter to Fixed Width templates, choose your theme and select its Mobile page. Add your content.
2. Select your desktop page and go to Inspector > Page Settings > Mobile Settings.
3. Under Mobile Page choose One of My Pages, then pick your new page.
4. Publish. Phones are sent to the mobile page automatically.
Step by step: Make a phone version of a Centered Layout page (Mobile Page), step by step

Check it on a real phone
A desktop preview doesn't always match. Click Preview, choose Preview QR Code and scan the code with your phone's camera.

Full guide:
My website looks wrong on a phone: how mobile works in EverWeb

Rather have it done for you? Our team can rebuild your website as a responsive site. Ask us for a no-obligation quote.

Questions about this? Reply here and we'll help.

-------------------------------
Paul
EverWeb Developer


Post Reply
You must login or signup to post.