Video banner off on phone

Dear Support,

I fixed the issue with the video banner, the only thing left is to turn off the video banner on mobile phones and use an picture instead. Can you please help me turn it off on mobile devices?
MY SITE

Kind Regards,

Kevin

Hello Kevin,

Can you please provide a link to the image that you want to use?

Kind Regards, Roman.
aThemes Support

Dear Roman,

This is the link of the photo.

Kind Regards,

Kevin

Hello Kevin, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (max-width: 991px) {
    .wp-video {
        visibility: hidden;
    }

    .video-container {
        background-image: url('https://www.crystalpurewater.eu/wp-content/uploads/2019/04/berg-beweging-h2o-464327.jpg') !important;
    }
}

However, you might want to use compressed version for mobile devices, that image looks too large even for desktops.

Kind Regards, Roman.
aThemes Support

1 Like

Dear Roman,

Thank you it works amazing!
And yes I now, didn’t do that just yet.

Kind Regards,

Kevin

You are welcome Kevin! :slight_smile:

Kind Regards, Roman.
aThemes Support