Mentor Template - Mobile - Sections out of order

Site URL: https://www.thecuratedexperience.ca/

Hi All, 

Looking for help on a few pages of my site, and things being out of order on the mobile version. Any help or code to fix would be much appreciated! 

WHO WE ARE

• Sections are out of order (the Barn & Byre come before Welcome message)

JOY SCOUT

• Content is switched “what is learnshop” currently comes after “experiences”

MEDIA

• Images should come before content – or it needs to be consistent throughout

Thanks! 

DC

Who we are

add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1580869486245_12425+.row {
    display: flex;
    flex-direction: column-reverse;
}
}

Joy Scout

Where is joy scout page?

Media

This page has lots of blocks, so it will some time to check.

Hi DCrosby, 

This Squarespace help guide has some tips on how to arrange your blocks on the page, so they appear in the desired order in mobile devices:

Page and block layout changes on mobile devices

@tuanphan- Under "Experiences" tab. Appreciate the quick code to fix the formatting on the other page! 

@srodrigues - I have reviewed this, as well spoken with support at Squarespace and they directed me to the forum, where there are awesome people like @tuanphan!

Thanks for your help!! 

6 hours ago, DCrosby said:

@tuanphan- Under "Experiences" tab. Appreciate the quick code to fix the formatting on the other page! 

@srodrigues - I have reviewed this, as well spoken with support at Squarespace and they directed me to the forum, where there are awesome people like @tuanphan!

Thanks for your help!! 

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#page-5e19f275f3730241dfedd5f1 {
    display: flex;
    flex-direction: column-reverse;
}
/* what is */
div#page-5e19f275f3730241dfedd5f1>.row:nth-child(2) {
    order: 4;
}
div#page-5e19f275f3730241dfedd5f1>.row:nth-child(1) {
    order: 3;
}
div#page-5e19f275f3730241dfedd5f1>.row:nth-child(3) {
    order: 2;
}
div#page-5e19f275f3730241dfedd5f1>.row:nth-child(4) {
    order: 1;
}
}

Also I see FB/Insta icons is too big

Media

Media has a lot of blocks, it takes a lot of time to check the code, so I don't answer free for this. 

Joy Scout I thought it only took 5 minutes, and in fact it took more than 10 minutes to find the working code. Media may take 20-30 minutes.

@tuanphan Appreciate your help with this. Unfortunately the Joy Scout code still didn't work, so I pulled it back off. 

Will send a msg through to your website for the additional issues. How quick can you turnaround? 

5 minutes ago, DCrosby said:

@tuanphan Appreciate your help with this. Unfortunately the Joy Scout code still didn't work, so I pulled it back off. 

Will send a msg through to your website for the additional issues. How quick can you turnaround? 

 

With Joy Scout, I will check again.

With paid question, I answer within 24 hours