# How Cancel Backround video option on Mobile version

**URL:** <https://colorlibsupport.com/t/how-cancel-backround-video-option-on-mobile-version/20960>\
**Category:** Shapely\
**Created:** [April 22, 2018, 11:08am UTC](https://colorlibsupport.com/t/how-cancel-backround-video-option-on-mobile-version/20960 "2018-04-22T11:08:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![zeda3000](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/z/8e7dd6/32.png) [@zeda3000](https://colorlibsupport.com/u/zeda3000)\
**Post date:** [April 22, 2018, 11:08am UTC](https://colorlibsupport.com/t/how-cancel-backround-video-option-on-mobile-version/20960/1 "2018-04-22T11:08:14Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [April 22, 2018, 7:58pm UTC](https://colorlibsupport.com/t/how-cancel-backround-video-option-on-mobile-version/20960/2 "2018-04-22T19:58:44Z")

</div>

Hi there,

Could you try the following CSS:

```auto
@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.

---

<div class="post-metadata">

**Author:** ![zeda3000](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/z/8e7dd6/32.png) [@zeda3000](https://colorlibsupport.com/u/zeda3000)\
**Post date:** [April 23, 2018, 8:13am UTC](https://colorlibsupport.com/t/how-cancel-backround-video-option-on-mobile-version/20960/3 "2018-04-23T08:13:39Z")

</div>

Thank you very much this code worked perfectly , Best Regards

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [April 23, 2018, 8:16am UTC](https://colorlibsupport.com/t/how-cancel-backround-video-option-on-mobile-version/20960/4 "2018-04-23T08:16:02Z")

</div>

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