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
  • Replies 6
  • Views 759
  • Created
  • Last Reply

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.

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.