Changing Code Block Order on Mobile

Hi,

I'm looking to change the order of my code blocks to go by row right-to-left instead of column but can't seem to get the coding right.

I've tried the following, but I don't think I'm targeting the right block. I've also tried the individual #block-yui but it didn't work either. Anyone have any suggestions?

@media only screen and (max-width: 640px) { div#pricing+.row, div#pricing2+.row {
  display: flex;
  flex-direction: row !important;
  }}

Site: https://orchid-flute-gfwg.squarespace.com/book-now

Thanks,

Hi. You'd have to change the site from private to password-protected (Settings > permissions) so we can see it

1 hour ago, ArminB said:

Hi. You'd have to change the site from private to password-protected (Settings > permissions) so we can see it

Oops sorry it's public now!

On 7/2/2021 at 11:29 AM, vanessakrystin said:

Hi,

I'm looking to change the order of my code blocks to go by row right-to-left instead of column but can't seem to get the coding right.

I've tried the following, but I don't think I'm targeting the right block. I've also tried the individual #block-yui but it didn't work either. Anyone have any suggestions?

@media only screen and (max-width: 640px) { div#pricing+.row, div#pricing2+.row {
  display: flex;
  flex-direction: row !important;
  }}

Site: https://orchid-flute-gfwg.squarespace.com/book-now

Thanks,

You want, on mobile, it will be

3 class

montly

10 class

60 min

single class

45 min

Is this right?

19 hours ago, tuanphan said:

You want, on mobile, it will be

3 class

montly

10 class

60 min

single class

45 min

Is this right?

@tuanphan yes exactly! with the 7 Day Trail being last.

On 7/4/2021 at 9:27 AM, vanessakrystin said:

@tuanphan yes exactly! with the 7 Day Trail being last.

You need to recreate layout a bit.

Add block 1, 2, 3

Add a Line Block

Add block 4, 5, 6

Remove Line Block

Then check it again on mobile

See screenshot: https://prnt.sc/18p3udm