Jump to content

Mentor Template - Mobile - Sections out of order

Recommended Posts

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

Link to comment

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.

Edited by tuanphan
typo

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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.

 

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.