Jump to content

Change button alignement and size for mobile

Go to solution Solved by Ziggy,

Recommended Posts

Hey,

On my website I have two buttons. When I switch to mobile view, they are disaligned (wich is normal because in desktop view on is justify left, the other right).

I can't figure the code to make them aligned in mobile view.

 

2 bonus question:

- what would be the code or atribute to make them full page widht in mobile view?

- why the organisation is switching in mobile? Like my name was first, then text then button on desktop. But that's the opposite in mobile view ... How can I correct this?

Thank you,

Erwan

Link to comment
  • Solution
11 hours ago, Erwan said:

- what would be the code or atribute to make them full page widht in mobile view?

You could try using the FILL setting in the button attributes, then you can control the size that way.

11 hours ago, Erwan said:

- why the organisation is switching in mobile? Like my name was first, then text then button on desktop. But that's the opposite in mobile view ... How can I correct this?

This sounds like you haven't edited the mobile layout. When editing the page click on the mobile toggle (top right) and edit how the blocks are arranged. This is something you have to do for every page, and adjust every time you make edits to a page.

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
  • 2 weeks later...

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.