Jump to content

Help to improve the mobile site

By BPWUK, in Pages & Content

Go to solution Solved by Ziggy,

Recommended Posts

BPWUK Level 4

BPWUK

Posted
Posted

I am just finished my website but the mobile site looks terrible.

1. The buttons are too large on the mobile site but I don't want to edit them on the main site

2. The first page shows the icons and then the text making it look odd

3. The image shows half a head

I am also struggling to change the font size on the site header 

Can anyone help?

www.plan-writers.com

Link to comment
  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy
Ziggy

The buttons have a huge amount of padding which isn't really necessary for the design but is causing issues on mobile, try reducing that from 5.2em to 2em. The line height looks too large as well.

BPWUK
BPWUK

Thank you Ziggy.  That is really useful - the toggling works!   The image I can live with and I will try and change on the buttons too.  

Ziggy
Ziggy

Just as a note; when editing the mobile layout, it is only the layout that is different between mobile and desktop, any change you make to the content of the blocks will be reflected on both mobile an

  • Solution
Ziggy Level 14

Ziggy

Posted
  • Solution
Posted

The buttons have a huge amount of padding which isn't really necessary for the design but is causing issues on mobile, try reducing that from 5.2em to 2em. The line height looks too large as well.

It looks like you haven't set up the layout on mobile, that's why the icons, text and buttons are in the wrong order. Edit the page, toggle the mobile view and use the arrows to reorder and edit the sizes of the block. This needs potentially doing for every page as the mobile layout is separate from the desktop.

For the image you may need to adjust the image focal point to fit better on mobile, or consider the type of image you are using in the background.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
Ziggy Level 14

Ziggy

Posted
Posted

Just as a note; when editing the mobile layout, it is only the layout that is different between mobile and desktop, any change you make to the content of the blocks will be reflected on both mobile and desktop. Good luck!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources