Jump to content

Archived

This topic is now archived and is closed to further replies.

jmyler

Struggling changing background video for mobile

Recommended Posts

jmyler

I'm just trying to help out on this site and simply want to display a background image instead of the video that displays on desktop. 

There are a few things that I guess i'm just not sure of. It doesn't appear there was a child theme that was created so I didn't want to make any changes without knowing behavior. 

If I put in 

  .bg-video-viewport video[style]{
   display: none;
   }
 
Should that then just keep the video from displaying and default to the background image? It doesn't seem to be performing that way. 
I also tried a platform specific CSS plugin that appeared it would be easy to just target devices like ".iphone" but not much luck with that either. 
 
Thanks for any help you guys may be able to provide. 
 
www.blueridgespirits.com 

Share this post


Link to post
Share on other sites
Jaime

I use this bit of code shared by another member here on the forum. Can't find the thread right now. Works like a charm.

 

(max-width: 767px) {
  
  .bg-video-viewport video[style]{
   display: none !important;
   }
 
}

Share this post


Link to post
Share on other sites
jmyler

Thanks for the reply Jamie! I had the bit of CSS right but for some reason the background didn't upload. Uploaded the background again and it just worked. Phew. 

Share this post


Link to post
Share on other sites

×