Hello,

Can you please be more specific? I checked but the site looks resized in mobile. See screenshots:
https://ibb.co/cDsyf1r
https://ibb.co/VVVP3X7

Let us know.
Best regards!

Hello,

The spaces in top and bottom are actually the header and footer. Because you don’t have any content in header and footer, they appear as empty. This does not mean the site is not responsive. The mobile/ipad view has different style than the desktop. So even if you have set up home page slider to be full screen in desktop, it will change in mobile. Because the mobile version does have header and in footer it is the reCaptcha.

You can change this by adding this custom css:

@media (max-width: 480px){
.header_container {
    display: none !important;
}
#intro-slide p {
    margin-right: auto !important; 
    margin-left: auto !important;
}
.slide-text-container .container.container-content .cl-text.cl-element {
    width: 300px !important;
}
}

@media (max-width: 767px){
.header_container {
    display: none !important;
}
#intro-slide p {
    margin-right: auto !important; 
    margin-left: auto !important;
}
.slide-text-container .container.container-content .cl-text.cl-element {
    width: 300px !important;
}
}

Best regards!

Hello,

I checked closer, the space is in fact the overflow of next slide. You can expand the visible slide to full-height by adding this css:

@media (max-width: 480px){
.swiper-slide.cl-slide.cl-slide-animation {
    min-height: 100vh;
}
.swiper-container {
    overflow: visible !important;
}
}

The videos in iOS, you need to have the Webm version of the video too. For it to show well in mobile.

Let us know.
Best regards!

Hello,

Please add some wp credentials in a private reply. So we can check the video.

It’s not possible to disable scrolling in mobile, but in each slide’s row settings (starting from second slide) you can select to disable row for mobile. This way you will have only first slide left to show in mobile and thus no scrolling available.

Let us know.
Best regards!