Section gap on scroll

Hello there, I have a very simple webpage layout with abutting sections. Between 2 of the sections I see a gap when scrolling up. (between the ‘Component Design’ section and the grey section below it)

It occurs in the designer, and the published site (https://sharp-edge.webflow.io) but interestingly it doesn’t occur when using the read only link:

https://preview.webflow.com/preview/sharp-edge?utm_medium=preview_link&utm_source=designer&utm_content=sharp-edge&preview=0b663422a92b04708ce1a0ebfc5406fb&workflow=preview

Any help you can provide would be very much appreciated. Thanks

I have checked and I can’t see any gap. Can you share a screenshot?

I’m curious as to why you’ve set the overflow to auto in the sections. I think you should set the overflow to hidden. I have another piece of advice. There’s a modal popup when the page loads. You can hide it in the designer and create a page load interaction to show the modal popup on page load. Then, you won’t need to hide and show it when you developing.

1 Like

Thanks so much for your feedback! After first posting I noticed that it was only happening in Safari, and then only when previewing the site in Webflow. The posted site was fine in Safari, and the problem didn’t exist at all in Chrome. So I think I can close the post - it is now fine in Safari too, so some setting somewhere must have fixed it. Thanks also for your suggestions on overflow and the modal - I have implemented all these. Appreciate you taking the time to respond to my query!

1 Like