Dawn theme - display multicolumn sections in different order on mobile view only

Store Design
1

Hello,

Is it possible to display the multisection in a way that the image comes before the text for the 3 sections. Currently it seems to be displaying them in the same order that the columns placed in customization from top to bottom. Is there an easy way to switch some columns around only in the mobile view?

sisaul_0-1649357426882.png
sisaul_0-1649357426882.png170×819 50.8 KB

Preview link to the store : https://a9yrpqxe09wn5u78-60215460006.shopifypreview.com

Thank you in advance!

2

@sisaul , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > base**.css** and paste this at the bottom of the file:
@media(max-width: 749px){
    .multicolumn-list{
    display: flex;
}

/* text */
.multicolumn-list > *:nth-child(1){
    order: 2;
}

.multicolumn-list > *:nth-child(2){
    order: 1;
}

}

Kind regards,
Diego

3

Hello @diego_ezfy ,

It did flip the 1st and 3rd section around but it also flipped the 2nd one which was initially in the right order.

sisaul_0-1649432379211.png

Can the code be modified for just the 1st and 3rd multisection?

Thank you in advance!

4

Hello again @diego_ezfy ,

Do you know a way to do it without flipping the 2nd column as currently the code seems to flip all of the 3.
Here is a preview link to the store as well: https://44j3tbfe1pxnc1c4-60215460006.shopifypreview.com

Thank you in advance!