Sticky position not working in 1440 and 1920 Screen size

Community resources
1

Hey all,
I want to add sticky form in my company’s website, where user can user can through the page and the form remain sticky to the right side. But it seems to work perfectly on 1280pixels - the base breakpoint for desktop. But whenever I go to 1440px or higher the sticky div doesnt work anymore. I can’t seem to figure out why.

I have added the read only link to my website. Looking forward to a solution as soon as possible.

Here is my site Read-Only: [LINK][1]

2

You’ve applied overflow: hidden on Page Wrapper on 1440px remove that and it will work.

By the way, overflow: hidden prevents it’s child elements to have position: sticky. If you really need it then just apply overflow: clip it will do the same work without preventing sticky.

4

Thanks for the solution. It worked perfectly. :+1: :+1:

1 Like
5

Always happy to help, as you’ve got your solution, can you please mark this post as solved?