How Cancel Backround video option on Mobile version

Good day

I would like to cancel background video option (Youtube) on mobile view version.

I try it already couple of CSS codes , but it doesn’t make any effect

I try these two codes.

@media only screen and (max-width: 600px) {

video#bgvid {

Same you can set it as per your screen size

@media only screen and (max-width: 320px) {


Maybe I am doing something wrong , cause in my Custom CSS section I had already add this code for font size.

.main-navigation .menu li a{

.main-navigation .menu > li > ul li a{

h1 {
font-size: 14px !important;
line-height: 1.2 !important;

Do I need it carefully during add second code into CSS section? I am just going line under and add second CSS that’s is all

Website :

Thank you very much for your help

Hi there,

Could you try the following CSS:

@media only screen and (max-width: 768px) {

That should hide the video on mobile.
Add it to appearance \ customize - additional css.

Hope this helps.

Thank you very much this code worked perfectly , Best Regards

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,