Jump to content

Prioritizing Text Box Order on Mobile

Recommended Posts

Site URL: https://www.pierrolaw.com/locations

Hi everyone,

If you visit https://www.pierrolaw.com/locations, you'll notice that CAPITAL REGION and NEW YORK CITY as the top two locations.  But, when you go to mobile, it renders the right-most text column first.  And there's a bit of a weird text indent.

How can I do two columns of data -- styled like this -- that renders CAPITAL REGION, then NEW YORK CITY, etc. on mobile?

Thanks!

Kyle

 

--Kyle

Link to comment
  • Replies 2
  • Views 577
  • Created
  • Last Reply

It has to do with how you drag the boxes and position them next to each other. You want this line showing up between them and not the full box floating to the right. If you have the box floating to the right, it will put that above it in the mobile view. Hopefully that makes sense.

Screen Shot 2020-05-08 at 12.20.30 PM.png

Creating websites using Squarespace at Design by Donuts 🍩

Link to comment
  • 2 weeks later...

The problem is that I'm using a three-column layout, as noted below with the vertical red lines.

1280499714_Screenshot(1).thumb.png.23d0cae78eea48079ab3d8deeb3a81b7.png

It renders correctly on full-size (as above). 

But on mobile, it puts the middle column first (with a weird extra buffer), the first column second, and the third column third.

1716190746_Screenshot(2).thumb.png.22af4e6af89e1091438d9b2fec21f7ce.png

1870703090_Screenshot(3).png.dcc5faa23fa240697af07e719c500b8e.png

Thanks!

 

--Kyle

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.