Responsive video not working on onepager
Hi!
I have a onepager website which is based to model "Elementor Shore" with video background like in the top of example https://rifetheme.com/rife-elementor-templates/
But the video is not showing on Android nor iphone... based to one conversation here, i tried to add custom CSS like this:
@media only screen and (max-width: 1024px) {
.vc_video-bg{
display: none!important;
}
}
But no help, it only started to show video on ipad size. Not mobile.
How to get background video work on mobiles too? This is serioius for my customer.
Thanks
I have a onepager website which is based to model "Elementor Shore" with video background like in the top of example https://rifetheme.com/rife-elementor-templates/
But the video is not showing on Android nor iphone... based to one conversation here, i tried to add custom CSS like this:
@media only screen and (max-width: 1024px) {
.vc_video-bg{
display: none!important;
}
}
But no help, it only started to show video on ipad size. Not mobile.
How to get background video work on mobiles too? This is serioius for my customer.
Thanks
Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
As far as I know, this is Elementor decision to not display a video on smaller devices and instead use a fallback image.
You can check more info here https://github.com/elementor/elementor/issues/7955 and
here https://wordpress.org/support/topic/background-video-problem-with-elementor-plugin/
With kind regards.