Jump to content

Make a column of differents block (text + image + shop button) fix when scrolling down the page

Recommended Posts

Site URL: https://www.simonguillemin.com/travel-snowflakes

Hey dear folks & the boss @tuanphan 🙂

I would like to make the right column of a page which contains differents block (text + image + shop button) fix when scrolling down the page.

I want people be able to see the content on the left while they can always get acces to the text of the right.

Also I would need this fix column on the right stop before the bottom of the windows just before the large block picture at the bottom 

password : 0009

THANKS A LOT for your help 🙂❤️



Capture d’écran 2021-11-03 à 16.29.27.jpg

Capture d’écran 2021-11-03 à 16.44.07.jpg

Edited by SimonG
Tag someone : @tuanphan
Link to comment
  • Replies 5
  • Views 374
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 11/7/2021 at 3:55 PM, SimonG said:

@tuanphan Thanks a lot ! Could you explain to me why did you set min-width on 768px ?
And also why does it fix only the right column whereas the #617ffbaa..... code seems included the 2 columns ?


If don't set 768px, it will run on mobile. It will be ugly on mobile (If you want to test on mobile, just change 768px to 1px

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

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.