Jump to content

Change Order of Blocks on Mobile (Another one)

Recommended Posts

Site URL: https://www.hulda.fo/samband

Hi Squarespacers

Is it possible, on mobile, to change the order of my blocks on this page www.hulda.fo/samband  - so the text on the right goes above the form, but the smaller "contact info" text goes below the form?

I'm using this code now to rearange the blocks

//ReOrder block on mobile//
@media screen and (max-width:767px){
[data-section-id="5e4401b2450d587a0f775294"]{
.row{
    display: flex ;
	flex-direction: column-reverse;
    }
}
}

But all the text jumps above the Form.
And i want it to be something like this instead.
split_layout.thumb.PNG.d7792dff99907a1f6f4557e39100d25c.PNG

How would i set this up?

Thanks in advance

Kind Regards
Bardur M

Link to comment
  • Replies 1
  • Views 282
  • Created
  • Last Reply

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.