Tagged: background video, mobile
I need a background video for mobile devices, so i created it with LayerSlider. Unfortunately there is no way to define the position of the video for desktop – the video is cut off below. Can you help me please?
Sorry for my bad english :-)
Regards,
Soltner
Hey Soltner,
Thanks for contacting us and sorry for the late reply!
I just checked your website and video is not cut off on my end on desktop. Have you figured it out already?
If not, maybe you could create additional LayerSlider, designed for desktop and display that slider on desktop and hide it on mobile? :)
Best regards,
Yigit
Hey Yigit!
Thanks for your reply, no problem :-)
I work on an iMac 21.5 ” and believe that the problem is with this screen size (see screenshot). The video is integrated in LayerSlider as a “slide background”, so I cannot influence the position via the LayerSlider menu. Is it possible to correct the position of the video via CSS?
Thank you for the effort,
Kind regards
Soltner
Hi,
Thank you for the inquiry.
Would you like to pull the video upwards on certain screens, or make sure that the bottom part of the video is visible? Please try to add this code in the Quick CSS field or in the child theme’s style.css file.
@media only screen and (min-width: 1024px) {
.ls-bg-video.ls-layer {
margin-top: -50px !important;
}
}
And toggle or temporarily disable the Performance > File Compression settings after adding the code.
Best regards,
Ismael
Hi,
yes, i want make sure that the bottom part of video is visible!
Now everthing is fine, thank you very much for the kind support :-)
Regards,
Soltner