How Cancel Backround video option on Mobile version

Shapely
1

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 {
display:none;
}

}
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{
font-size:16px;
}

.main-navigation .menu > li > ul li a{
font-size:16px;
}

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 : www.zelf.ist

Thank you very much for your help

2

Hi there,

Could you try the following CSS:

@media only screen and (max-width: 768px) {
#main div.video-widget.youtube:first-of-type{
   display:none;
}
}

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

Hope this helps.

3

Thank you very much this code worked perfectly , Best Regards

4

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,
Support