Sticky element not working

https://blueberry-carrot-xawg.squarespace.com/

pw codeblock

I am trying to make the word "commercial" sticky but its not working in my css.  This is the code I am using

[data-section-id="63921eeb4e8af41900174620"] {#block-yui_3_17_2_1_1670522405842_1038417{
  position: sticky;
  top: 500px;
  }
}

any thoughts?

19 hours ago, joshuaechevarriadop said:

https://blueberry-carrot-xawg.squarespace.com/

pw codeblock

 

I am trying to make the word "commercial" sticky but its not working in my css.  This is the code I am using

[data-section-id="63921eeb4e8af41900174620"] {#block-yui_3_17_2_1_1670522405842_1038417{
  position: sticky;
  top: 500px;
  }
}

any thoughts?

Are you using squarespace version 7.0?

You need to drag the text and images into 2 column, within one row, so we can apply the sticky effect on text block.

57 minutes ago, Beyondspace said:

Are you using squarespace version 7.0?

You need to drag the text and images into 2 column, within one row, so we can apply the sticky effect on text block.

I'm using 7.1 Fluid Engine

Do you mean this page?

What type of page are you using?

sorry I think I linked the wrong page

https://blueberry-carrot-xawg.squarespace.com/selected

pw codeblock

On this page where it says commercial vertically on the left side

On 12/21/2022 at 10:24 AM, Beyondspace said:

Do you mean this page?

 

What type of page are you using?

website is currently live.  www.joshuaechevarriadop.com/selected   the text on the left is what I wanted to be sticky

I am using squarespace 7.1 fluid engine

On 12/23/2022 at 8:13 PM, joshuaechevarriadop said:

website is currently live.  www.joshuaechevarriadop.com/selected   the text on the left is what I wanted to be sticky

 

I am using squarespace 7.1 fluid engine

Add to Design > Custom CSS

.fe-block-yui_3_17_2_1_1670522405842_923572 {
    position: fixed !important;
    top: 100px;
}