Jump to content

Locking child text blocks to a parent div

Recommended Posts

Hey all. I've got a client who made something that he's really happy with using the standard drag n' drop of the grid system, but it's causing a lot of problems on the mobile version. Basically, he's got five different text blocks within a shape, which is easy enough to drag and drop on desktop, but because of some funkiness behind the scenes (and I assume something with the fluid engine), those text boxes are kind of all over the place and only 1-2 text boxes are actually still within the shape. 

My gut instinct is to inject js, using selectors and appendChild and then use flexbox or something to get everything lined up appropriately, but before I go ham on that (and, this is an event page, so I would have to update this all the time), I'm wondering if anyone has had any luck with a parent div, multiple children, visually flexed, just by using the given tools?

Link to comment
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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.