Only half page displaying on load?

Hi all,

As the title suggests, upon clicking on any of my case studies the page appears to load but you can only scroll down half the page at which point, it won’t let you scroll down further. This cuts off a lot of content in some cases as well as the entire footer and I can’t figure out why. It doesn’t do it on the homepage or the contact page only the case studies. When you refresh the page you can then scroll all the way down…

I have tried adding divs in-between the images to force it to load further down the page but that did not work. Any suggestions would be helpful!

I am using custom code to enable ‘Locomotive Scroll’ if that is relevant.

Thanks,
Edmund


Live site link: https://www.edmuuund.com

Here is my site Read-Only: Webflow - Edmuuund

If you remove the custom code what happens?

Same issue remains when I remove the Locomotive Scroll script from the custom code area in project settings

The issue is with locomotive scroll not the Webflow page. How do I know? I blocked the loading of https://cdn.jsdelivr.net/npm/locomotive-scroll@4.1.1/dist/locomotive-scroll.min.js and the page rendered fine. Before I blocked it I experienced your described issue.

Interesting! Ok I will have a look through and try removing all Locomotive scroll code then check it, thanks for looking - will keep you posted

@webdev how do you block this line? and when i Block it the whole locomotive scroll wont work right? But i want the Locomotive scroll to work and load my whole page … :sweat_smile:

See Loading Third-Party JavaScript | Web Fundamentals | Google Developers

I blocked the script to isolate the issue. Now that you know it lies with LS you can work on resolving your implementation. I don’t use LS so I suggest you refer to the docs. Maybe someone else may jump in for an assist.