Jump to content

Help to improve the mobile site

Go to solution Solved by Ziggy,

Recommended Posts

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
  • Solution

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) 

 Did I help? Buy me a coffee?

Link to comment

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) 

 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

×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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