Carousel 100vh on mobile not working

[mariusjopen]

Dear @melo_lenosier
the carousel works fine on mobile with 100vh.

Can you show a screenshot?

Best!

Marius

[melo_lenosier]

It works, ok, but it's not properly fixed as when you active the Fullscreen slider with the direction set to Horizontal. Indeed now you can scroll up and down a little bit, but that should not happen. The hoverflow should be completely hidden. You know what I mean?

Here you can see it in a video.

Thanks

[mariusjopen]

Dear @melo_lenosier
ok. Thank you for sharing.
We will look into this.

Best!

Marius

[melo_lenosier]

Ok, please let me know!

Meanwhile I wanted to know if at the moment there are any alternative solutions.
For example, if I use the Carousel while enabling the Fullscreen Slider it work perfectly, it doesn't overflow vertically (here). The only problem is that, in order to make the Fullscreen slider working, I have to insert 2 Rows and in this way there are problems when swiping from left to right because one Row has the Carousel with all the images inside and the other Row has just one image inside another Carousel.
I wonder if there is a way to make the Fullscreen slider working with just one Row. That would solve the problem. Or maybe having 2 Rows but one should be set in display:none (but probably is not that easy).

Hope you understand what I meant.
Thanks again!

melo

[edgrbnz]

Just asking:

Do you have a different frame set for the mobile version of the site in question? The frame adds to the height so that might be an issue.

[melo_lenosier]

Nothing of that kind. Everything is set the same: 0 margin or padding.
It's a Carousel problem.
But thanks for checking! :)

[edgrbnz]

Well then this is obviously a bug…

[mariusjopen]

Dear @melo_lenosier
we will look into this!

Best!

Marius

[arminunruh]

Yea, will try to fix this soon!

[melo_lenosier]

Danke schön!

[hddunlap]

@melo_lenosier Was this issue ever resolved? I am running into the same problem myself.

[User4000]

Hello to everybody, I have the same issue, any updates?
thank you

[mariusjopen]

Dear @melo_lenosier
we are looking right now into the carousel issues.

Best!

Marius

[arminunruh]

links guys?

you might need to do

body {
    padding-top: 0!important;
}

in lay options → custom html & css → custom css for mobile

usually there will be a space at the top so the content does not start underneath the mobile menu bar. this could be the issue.

if that doesn't fix it for you, post your website link here

[User4000]

I don't have set a website already i just try this function and make the same issue of this video posted by @melo_lenosier before.
i try the strings for padding 0 but doesn't work (i have an iphone6s).

[arminunruh]

ok so on an iphone, 100vh is actually the height of the browser + the top and bottom browser bars.

so the issue is not that the row/carousel is not set to browser-height, the issue is that on an iphone safari, browserheight is interpreted differently.

also it is interpreted differently for an iphone with a home-button and one without a homebutton.

you can try and create a custom phone layout and then use: "100vh - 110px" as your carousel fixed height. also make sure in that row, don't have your row be "browser height"

[User4000]

Hi @arminunruh thanks, I try it, but also this doesn't work. The final target is to create a carousel that can swipe horizontal, with show multiple slides, like in the desktop view (where is perfect) but in the mobile view. Have you other ideas to create it?

Thanks

[User4000]

I send you a screen to see the settings i check for desktop and doesn't work the same on mobile.
I try also with 100vh - 110px and with free drag selected but not work.

[arminunruh]

hey everybody

So i just released an update for both laytheme and the carousel plugin. Please update both.

Now in your carousel, as your fixed height, write: 100vh

Let me know if it works, if it doesn't do the trick, post the link to where you have the problem. Thx

[User4000]

Hi @arminunruh it seems to be perfect now! there is only the white space at the top and bottom if you try to scroll vertical, maybe is possible to deactivate the vertical? scroll function?

Thanks a lot