Layer Slider Small on Mobile

Hey Jim,

I can’t see a screenshot but please post admin login details in private so that we can have a closer look at your slider.

Best regards,
Rikard

Hi Jim,

Thanks for that. You have this coming from your child theme:

@media only screen and (max-width: 480px) {
.ls-wrapper.ls-in-out, .ls-wrapper.ls-in-out div {
    height: 60px!important;
    width: 100%!important;
    left: 0%!important;
}
}

Could you try to remove that to see if it helps?

Best regards,
Rikard

Hi,

Thanks for the update.

Did you set the video layer as the slider background? Just look for the “Use this video as slide background” option in the layer’s Content panel.

Best regards,
Ismael

Hi,

Yes, maybe it’s not working because of the video source. We haven’t seen anyone use that media provider before. Try to use youtube or vimeo instead of mediazilla.

Best regards,
Ismael

Hi,

Thanks for the update.

The browsers won’t allow autoplay for media files with sounds, so they have to be muted if you want them to automatically start on page load.

// https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

One workaround is to open the video inside a lightbox. Just create a standard slider with a static image background and then create a button that will open the media file inside a lightbox container.

Youtube actually discourages the use of videos as background when they remove the parameters that allow users to disable the info inside the frame.

// https://developers.google.com/youtube/player_parameters#release_notes_08_23_2018

Best regards,
Ismael

Hi,

Thanks for the update.

No, you don’t need to upgrade the layer slider. Just create a slider with a static background and a new button and put the video url as the target or link. Make sure that it’s from youtube or vimeo. Clicking on the button should open the media file inside a lightbox container. Unfortunately, we can’t do anything with the muted video.

Best regards,
Ismael

Hi,

Thanks for the update.

We’re trying to edit the slider, but the changes aren’t taking effect. Is there a server cache? We actually removed the layer slider in the “test” page, but it’s still displaying in the frontend.

The current slider layout is not that complex, so you’re probably better off using the Full Screen Slider instead of the Layer Slider. That slider will automatically inherit the size of the browser window.

Best regards,
Ismael

Hi,

Thanks for the update.

The video has to be muted in order for it to automatically play on page load. We enabled the “Mute Video Player” option in the slider settings.

Best regards,
Ismael