Video Section on Mobile looks Terrible

Shapely
1

Hello,
I am using the [Shapely] Video Section at the top of my website ( http://foxcasting.com ) and I’m having a lot of problems with it.

  1. Most importantly, the video doesn’t appear correctly on the mobile version. I only see the left part of the video and it looks terrible. Is there a way to fix this? If not, is there a way to hide this section on mobile?

  2. Even though I have “Autoplay” selected in the customizer, the video doesn’t autoplay.

  3. I tried to change the video container using custom css with no luck, and ended up exporting the video itself with borders in order to get the size I wanted, but it’s not as clean of a design as I would like. I would rather be able to control the size of the container, so that it is more consistent on different screen sizes.

2

Hi there

I can only help you to hide the video on small screen devices, use this code:

@media (max-width: 991px){
.video-widget {
display: none;
}
}

3

Thank you!

4

thank you too :slight_smile:

I will close this case but feel free to open new tickets anytime