Fullscreen slider and carousel for desktop
Hi @arminunruh / @mariusjopen
I have a category on my site which uses both the carousel and fullscreen slider plugins together. However, since the last updates they are not compatible on desktops. The fullscreen slider seems to split the screen in half so you have one carousel at the top and one below, with no images showing too.
I disabled the fullscreen slider for this category and the carousel seems to work fine. It's just not working when both plugins are used together.
I have other pages that use the fullscreen slider (without the carousel) and they still work fine.
Also on the mobile site, HTML5 videos which appear in both the carousel / fullscreen slider together do not appear to be autoplaying anymore. However, the fullscreen slider is now displaying correctly now for iOS Safari – actually at ‘fullscreen’.
Here's a link for reference: https://deslloydbehari.co.uk/repository/
I assuming this is a bug?
I cannot see any images.
Yes, I know no images are showing – that is part of the problem! It looks like the carousel and fullscreen slider are not working properly together. When I disable the fullscreen slider the images in the carousel appear, but not when both plugins are enabled.
Please see my original post again. Thanks!
Do you have any third-party plugins installed or CUSTOM JS code? Is it possible to deactivate it for a moment to see if the problem remains?
Is Wordpress and LayTheme up to date?
WordPress and LayTheme are up to date with the latest versions.
I have disabled the third party plugins and removed any custom JS code temporarily to check, however, the same problem still occurs!
This problem happened when updated the fullscreen slider plugin from a couple of weeks ago, I have since updated to the latest version of the plugin, and still the same issues occur.
Perhaps @arminunruh can take a look at this, as I really think this looks like a bug.
The url is in my original post above.
Hey @mariusjopen / @arminunruh
Any thoughts on this?
It's been nearly two weeks since my original post! The problem still exists, I think it could be a bug, my site has not been working properly since, so would this to be looked into please.
I see that google tag manger is active. Maybe this is a problem?
I will also ask Armin!
Hi @mariusjopen / @arminunruh
The latest LayTheme update (version 3.37) fixed the issue for 100vh browser height carousels not displaying in a fullscreen slider – thank you!
Something else I’ve noticed with the carousel , when you have a HTML5 video as the first slide it does not display after you have looped back to it again after viewing the rest of the slides.
HTML5 videos display and play fine when you arrive at carousel first time round, it’s just when you loop back to it again it disappears for some reason – quite strange! This only applies to the first slide, other slides which are HTML5 videos appear and play fine once you loop back to them again after viewing them first time round.
The issue happens on macOS and iOS, across Chrome, Safari and Firefox.
Could this be looked into, please. Again, I think this could be a bug.
Again, here is the link for reference: https://deslloydbehari.co.uk/repository/
Richard Global Moderator last edited by
Thank you for digging into this and adding to the community
The Video is there playing, just when it comes back a second time it does not receive the class "Loaded" which changes it's opacity from 0 to 1, making it visible.
I will take a deeper look into why this is happening and try to keep you updated
All the best
arminunruh Global Moderator last edited by arminunruh
Ok I'm looking into this now
arminunruh Global Moderator last edited by
if u update the carousel addon, this should be fixed now
@Richard-Keith / @arminunruh Works fine now – thank you!
Richard Global Moderator last edited by
Good luck and have a great day
Try this to fix issues before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it