Jump to content

Fixed text blocks when scrolling?

Recommended Posts

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

Hi there! I'm trying to make the next block on the left sticky/fixed so it stays in position while the images on the right scroll. I'm trying to eventually do this on all the work sample pages in my portfolio. Can someone help me find the best code? Thanks so much.


Here's the page I'm referring to: https://www.nicolelelacheur.com/work/kodiak

Edited by nicolel824
Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic


I am trying to do this exact thing with a custom code block and can't get it to work. I made this locally on my computer to test it before plopping it in but it's not working. Can you please take a look and see if what I'd doing wrong?

Heres the website
I'm trying to do this in the black section down where it says "Let's make your website dreams come true"

I'm trying to make the text on the right stick while you scroll through the work on the left (I havent added the work yet, just trying to make the sticky work right now)


Link to comment
On 4/1/2021 at 11:36 AM, dearnaomichan said:


its so odd, if I try the sticky bit on a regular page (not on an index page) it works just fine? So I am so confused by that. @squarespace why is this happening?!?!


Hi. The url doesn't exist. Can you check it again?

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
  • 2 years later...

This css is not working for me either. I added:

#block-yui_3_17_2_1_1685550787283_1963 {
 position: sticky;
    top: 0;

I know I have identified the text block correctly because it turned red. But it still scrolls with the rest of the page. What am I missing? thanks



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.