Sticky Option Not Working on Larger Screens: Seeking Solutions

·

Hi 👋 My sticky option on different sections of my website doesn't work on a screen bigger "desktop" (+1280px and up). It works only for "Desktop Breakpoint", weird? Do you have a solution?

9 comments

Jimmy C.
·
Here is the URL Link read only https://preview.webflow.com/preview/mozza-v2?utm_medium=preview_link&utm_source=design[…]&pageId=65d5ffe4081ee9b6c0459fc2&locale=en&workflow=preview
Matt J.
·
Jimmy C. you have only made the navbar position fixed on the bigger breakpoint. You'll want to do most if not all of your styling changes on the default breakpoint, and when you are completely done, then move to responsive breakpoints, making mostly minor adjustments.
Jimmy C.
·
Hey Matt J. thx for you quick response but I'm not sure I understand it. I was referring to the "header 80" and "layout 348" sections of the "community" page. The sticky position of the elements in these 2 sections only work on the desktop. Does your solution also solve this problem?
Jimmy C.
·
here you can see the problem for both sections
Matt J.
·
Jimmy C. hmm I would maybe start over with that breakpoint - if you are using the finsweet chrome extension, you can delete breakpoints - its not going to hurt the default breakpoint and down. But the bigger breakpoints can tend to be very difficult to work with and in most cases are unnecessary.
👍1
Matt J.
·
Matt J.
·
you have quite a few styles changed at that larger breakpoint, and its likely just going to cause you more and more issues
😬1
Jimmy C.
·
Okay thx a lot 🙏 I'll check your breakpoint solution to start. Does the sticky feature of your template work as expected for both sections at larger breakpoints, such as 1280 px?
Matt J.
·
yep its not an issue with the components by default for sure
👍1