Need Help with Sticky Section (SQSP 7.1)

Site URL: https://brass-finch-d2nk.squarespace.com/

I'd like to have the left section on my Contact page sticky while the form section on the right is scrollable. I've tried literally every code and have even purchased third-party plugins, but none of them seem to work. And this has been going on for months, and I still haven't figured out a solution. 

Here's the basic code that I've tried: 

[data-section-id="goes here"] {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
}

Any help is greatly appreciated! 

Password: guam

On 7/8/2021 at 11:07 PM, cheltongomez said:

Site URL: https://brass-finch-d2nk.squarespace.com/

I'd like to have the left section on my Contact page sticky while the form section on the right is scrollable. I've tried literally every code and have even purchased third-party plugins, but none of them seem to work. And this has been going on for months, and I still haven't figured out a solution. 

Here's the basic code that I've tried: 

[data-section-id="goes here"] {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
}

Any help is greatly appreciated! 

Password: guam

Wonder if you have asked the plugin author that you purchased about this

But I checked your page and notice that you set the #page container overflow-x hidden, while position sticky only work with overflow:visible container, you may want to edit the css a bit