Prioritizing Text Box Order on Mobile

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

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.

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

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.

Thanks!