Responsive Background Parallax Effect

Design help Animations & Interactions
1

Hi guys,

I’ve been trying to recreate the landing page of this website: https://www.eatseedible.com/

Most of the work is done: https://seediblebylandingpagebro.webflow.io/

However, after managing to recreate the Parallax Effect on desktop screen, I found out that whenever I switch to lower resolution there seems to be empty black space between the sections (caused by the interaction)

Here’s the preview:
https://preview.webflow.com/preview/seediblebylandingpagebro?utm_medium=preview_link&utm_source=dashboard&utm_content=seediblebylandingpagebro&preview=da358a86900df5e531ad3dc815a442f2&mode=preview

Could you help me fix the “empty space bug” created by moving the background?
Thanks a lot

1 Like