Carousel 100vh on mobile not working
-
-
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
-
Nothing of that kind. Everything is set the same: 0 margin or padding.
It's a Carousel problem.
But thanks for checking! :) -
-
Yea, will try to fix this soon!
-
Danke schön!
-
@melo_lenosier Was this issue ever resolved? I am running into the same problem myself.
-
-
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
-
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"
-
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
-
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
-
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
-
Hi @arminunruh
Thanks for the updates!
I still have an issue with the Carousel plugin on iOS / iPhone using the Safari browser, since yesterday’s updates. The fixed height does not display at 100vh – even though it’s set to that!
I've also tested it on the iOS Chrome and Firefox browsers and they display the Carousel with a fixed height at 100vh perfectly – just doesn't work on iOS Safari for some reason?
Prior to yesterday’s updates the Carousel worked fine for me at 100vh on iOS Safari.
The Carousel 100vh works fine for me on desktop though, on macOS Safari, Chrome, and Firefox.
Thanks again, for fixing the Carousel text slide positioning.
Des
-
do u have a link?¿
I try also with 100vh - 110px and with free drag selected but not work.Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it