Change order of blocks on mobile

Site URL: https://restor-home.co.nz/

Hi there,

For some reason I cannot get this to work for me. 
I know it's a simple code but all the code I have been using isn't changing the oder in MOBILE so I am obviously missing something. 

-----------------

Used this information below to help guide me but it's still not working. 

So I want the image above the text on mobile. 
See below.



 

@media screen and (max-width:640px) {
div#<insert block code here>.row {
    display: flex;
    flex-direction: column-reverse;
}
}

// Homepage - Laundry Sheet Mobile Version Only //

section[data-section-id="6115d829f0e9896832def4c2"]
{
@media only screen and (max-width:640px) 
}
.sqs-row {display: flex!important;
flex-direction: column-reverse!important;}  


So I have used this code. 

Works for MOBILE now but stacks for DESKTOP. 

Theoretically it should only be affecting MOBILE. 




 

Can you share you site password for us to take a look?

11 hours ago, moxxbrands said:

// Homepage - Laundry Sheet Mobile Version Only //

section[data-section-id="6115d829f0e9896832def4c2"]
{
@media only screen and (max-width:640px) 
}
.sqs-row {display: flex!important;
flex-direction: column-reverse!important;}  


So I have used this code. 

Works for MOBILE now but stacks for DESKTOP. 

Theoretically it should only be affecting MOBILE. 




 

You have some errors in this code which is probably why the media query isn't working. Try 

 

// Homepage - Laundry Sheet Mobile Version Only //

@media only screen and (max-width:640px) {
section[data-section-id="6115d829f0e9896832def4c2"]
.sqs-row {
display: flex!important;
flex-direction: column-reverse!important;
}  
}

On 9/15/2021 at 5:10 AM, rebeccagracedesigns said:

You have some errors in this code which is probably why the media query isn't working. Try 

 

// Homepage - Laundry Sheet Mobile Version Only //

@media only screen and (max-width:640px) {
section[data-section-id="6115d829f0e9896832def4c2"]
.sqs-row {
display: flex!important;
flex-direction: column-reverse!important;
}  
}

Thanks so much. Didn't see these messages come in. 
All fixed now. Appreciate the responses. 🙂 

Yay fixed!