Jump to content

Align buttons under text

Recommended Posts

I have a three column layout, with each column having a title, image, body copy and button.

I used a full width spacer to ensure my buttons are all vertically aligned and it looks as intended (on desktop).

On mobile though the buttons aren't associated with the relevant image and text (since the spacer is breaking the column layout).

If I remove the spacer the buttons are now associated correctly on the mobile view, but on desktop aren't vertically aligned.

I've tried searching for a solution to this, but haven't found anything that works.

Is this possible, or do I have to look at some custom CSS?

Thanks in advance for any help you can give.

Link to comment
  • Replies 8
  • Views 2.5k
  • Created
  • Last Reply

Top Posters In This Topic

  • 1 year later...

Hi there, I'm having a similar issue where on mobile display, the buttons don't line up under their related text but instead sit grouped all together at the bottom of the block. Here's a link to the web address (https://www.next25.org.au/leadership/#courses). Can anyone suggest a way that I can set this page up so that on mobile, these blocks appear under the relevant text? (see screenshot). Thank you!

Screen Shot 2021-09-06 at 9.37.45 am.png

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.