The last section in mobile view not showing properly

Community resources General
1

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

2

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.

3

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

4

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.