The last section in mobile view not showing properly

Hi,

What I’ve got →

  • A one page mobile version of a website I’m working on

  • The website has the following sections from top to bottom:
    temple_mb
    quote_holder_1_mb
    services_mb
    story_mb
    namaste_mb

    These are all being held by the body

What the issue is →

  • When I scroll to the last section (namaste_mb) I can see only a third of the section, the browser is not letting me scroll to end of the section

My thoughts →
I have tried to recreate the last section step by step to see what could be the problem and even deleting it but the problem remains. I guessing this is a section height or a body problem.

Any idea what is wrong and how to fix this? I have added the published version to see the page.

Here is my shared link:

Shared Link

Heres is my published link:
Published Link

The problem is in your Javascript, likely related to the way you’ve setup GSAP scroll triggers.

If you disable JS you can see the full page perfectly.

Hi, thank you for the help, is there a way disabling Javacsript for mobile only?

Do you mean for testing?

I’m not sure what you’re trying to build- you can have your JS check the page width before you decide to run your GSAP code.