Fullpage JS - Not working in mobile

How To
1

Does someone made it working on mobile devices?. I’ve tried even in local fresh installation using brickslabs tuto: https://brickslabs.com/how-to-integrate-fullpage-js-with-bricks/
Mobile version just seems like blocking srolling

2

video or live page to check the mobile ?

it looks very easy

just be carefull with wrapping all page with #fullpage
after that seems just sections with 100vh easy

check this ;

and

bricks has the #brx-content for wrapping all page sooooooo initialize the page with that


$(document).ready(function() {
    $('#brx-content').fullpage({
        //options here
        autoScrolling:true,
        scrollHorizontally: true
    });

    //methods
    $.fn.fullpage.setAllowScrolling(false);
});

got it ?

3

https://yan.bderestaurantesybodegas.com/fullpage/

It works on desktop but not in mobile devices. Please check it!

4

maybe this error is the problem
image

and this is normal for desktop ? are you sure it is working ?

image
image1911×1032 40.7 KB

5

That’s is only an advise. It’s working, check again please

6

remove the 100% height from the fullpage :slight_smile: ,

image
image1469×603 53 KB

and give sections 100vh not 100%
that’s your problem

7

I didn’t put that height. I think it’s automatically from fullpage JS. I’ve tried with new sections and the 100% height is there