Reversed columns on mobile

Site URL: https://fabulosity3.squarespace.com/about

I have been looking through forums but can't seem to be able to find a solution to make the columns reversed for mobile. 

https://fabulosity3.squarespace.com/about

password: fab2021

I like to have the text before the about image on mobile view. 

Any suggestions how to solve this issue? Thank you!

Add the following to Design > Custom CSS.

@media ( max-width: 640px ) {

  #page-5fc958f9b7eb4434d9e956aa .row:first-child {
  
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    
    }
    
  #page-5fc958f9b7eb4434d9e956aa .sqs-row:before, .sqs-row:after {
  
    all: unset;
    
    }
  }

Let us know how it goes.

19 hours ago, creedon said:

Add the following to Design > Custom CSS.

@media ( max-width: 640px ) {

  #yui_3_17_2_1_1610171111367_70 {
  
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    
    }
  
  #yui_3_17_2_1_1610171111367_70 .sqs-row:before, .sqs-row:after {
  
    all: unset;
    
    }
  }

Let us know how it goes.

I think #yui will change if refresh page? ☹️

15 minutes ago, tuanphan said:

I think #yui will change if refresh page? ☹️

Absolutely correct! Hopefully I have it fixed now in my previous post! 😀

It worked like a charm! Thanks so much 😃