Reordering blocks for Pricing Section

Site URL: https://www.relaxatlush.com/hair-services

Hello.  Yes, another reordering question.  I was able to find plenty of information about reordering images + text but that isn't what I need.

If you follow the link, you will see a pricing page that I used the "Pricing Section" to create.

1.   On a web browser, the prices display correctly and make sense reading from left to right.
2.   On mobile, the prices in each section are displayed from top to bottom in columns.

Any help is greatly appreciated.  Thank you!

Hey @JaseBTC the easiest solution would be to use one of the auto-layout pages under the list section when you add a new section. Unlike using regular text blocks, each block of content within auto-layout pages will remain consistent and will not change on mobile layout. 

11 hours ago, JaseBTC said:

Site URL: https://www.relaxatlush.com/hair-services

Hello.  Yes, another reordering question.  I was able to find plenty of information about reordering images + text but that isn't what I need.

If you follow the link, you will see a pricing page that I used the "Pricing Section" to create.

1.   On a web browser, the prices display correctly and make sense reading from left to right.
2.   On mobile, the prices in each section are displayed from top to bottom in columns.

Any help is greatly appreciated.  Thank you!

 

 

TO achieve this, you need to adjust the layout a bit

First, add price box 1, 2, 3

Next, add 1 Line Block here

Next, add price box 4, 5, 6

Final, remove Line Block

Then check again on mobile