Force image block above text in mobile

Site URL: https://www.binkrabbitgoods.com/

Hi! I need help forcing an image block above text when switching to mobile for the landing page and "Our Furniture".

Thank you in advnace!

https://www.binkrabbitgoods.com/

https://www.binkrabbitgoods.com/ourfurniture

On 11/15/2021 at 2:49 AM, binkrabbitgoods said:

Site URL: https://www.binkrabbitgoods.com/

Hi! I need help forcing an image block above text when switching to mobile for the landing page and "Our Furniture".

Thank you in advnace!

https://www.binkrabbitgoods.com/

https://www.binkrabbitgoods.com/ourfurniture

Hi,

Which image blocks on ourfurniture page?

https://www.binkrabbitgoods.com/ourfurniture

8 hours ago, tuanphan said:

Hi,

Which image blocks on ourfurniture page?

https://www.binkrabbitgoods.com/ourfurniture

Only the very first image.  I'd like the image to be above "Coming Soon!".

Same with the landing page, I'd like the image to be above "HELLO, BUNNY LOVER!"

Cám ơn anh! / Thank you so much in advance!

-Jeni Nguyen

18 hours ago, tuanphan said:

#1. Add to Design > Custom CSS

/* Our Furniture mobile order */
@media screen and (max-width:767px) {
div#page-section-617ef30a980d1a70be35af2c>.row {
    display: flex;
    flex-direction: column-reverse;
}
}

#2. Can you share link to landing page?

@tuanphan The landing page is www.binkrabbitgoods.com

Thank you! The code you shared worked for the 'Our Furniture' page!! 

On 11/18/2021 at 7:01 AM, binkrabbitgoods said:

@tuanphan The landing page is www.binkrabbitgoods.com

Thank you! The code you shared worked for the 'Our Furniture' page!! 

Add to Design > Custom CSS

/* Coming soon image text oder */
@media screen and (max-width:767px) {
div#page-section-60c8d00d61812f45a0223bbc .span-12 {
    display: flex;
    flex-direction: column;
}
div#block-60c8d00e4f8cbb2d91b9d9df {
    order: 2;
}
div#block-60c8d00e4f8cbb2d91b9d9df+.row {
    order: 1;
}
div#block-yui_3_17_2_1_1628459747483_9108 {
    order: 3;
}
div#block-yui_3_17_2_1_1628459747483_9108~* {
    order: 4;
}
}

@tuanphan 

For some reason that didn't work, but this did! I altered what you sent me before for Our Furniture page. 

I think I'm learning!

/* Hello, Bunny Lover mobile order */
@media screen and (max-width:767px) {
div#page-section-60c6ad070aea5d001f466c79>.row {
    display: flex;
    flex-direction: column-reverse;
}
}