Disabling video header in mobile view

Hello,

I would like to disable the video in mobile view and just have the normal header. Is this possible with some simple css code or how?

Thanks in advance
Mikael

Hello Mikael,

Can you please provide a link to your website to let me inspect it?

Kind Regards, Roman.

Hello,

The page is not published yet, working on it on my local computer…

Br,
Mikael

Okay Mikael,

Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

@media only screen and (max-width: 991px) {
    div.video-container {
        display: none;
    }

    header#masthead {
        background-color: rgba(0,0,0,0.9);
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

That worked, thank you!

Br,
Mikael

You are welcome Mikael,

And have a nice day!

Kind Regards, Roman.