Streaming live at 10am (PST)

Keeping the content in the right hand column fixed in view

Hi there! :slightly_smiling_face:

I’m a bit stuck. Hoping to get some help on a positioning issue I’m having.

In short…

I’ve set up a page with a sticky header, scrollable LHC and the RHC I’ve fixed.

It’s working kinda as I’d like though I’d prefer the RHC stays completely fixed with its content. When I scroll the LHC the RNC also scrolls up and under the header.

Along with this, I wanted to have the text at the bottom of the RHC to be pushed to the bottom which I’ve worked out though when I preview it’s below the browser where I wanted it to remain in view at the bottom of the screen however big/small the browser is.

Here’s a link to see where I’ve got to.
https://preview.webflow.com/preview/esure-example-breakpoints?utm_medium=preview_link&utm_source=designer&utm_content=esure-example-breakpoints&preview=9482ec6ac2c56a88f8e08a1cc47ba938&mode=preview

Thanks for reading and in advance if you’re able to offer any advice.

All the best,
Elliot


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hello.
Maybe this helps?

https://university.webflow.com/article/position-sticky#:~:text=Troubleshooting%20position%20sticky&text=That%20can%20happen%20for%20many,element%20has%20a%20set%20height.

1 Like

Thanks Hans! Have a good weekend