StonefishAnimation Posted March 24, 2022 Share Posted March 24, 2022 Site URL: https://www.stonefishanimation.com/ Hello, I was hoping someone could help me out with code that makes it so when the homepage is viewed vertical, the video animation that plays normally will instead fade to a vertical image. I have attached the video and image below. When the video plays on vertical mobile, only a small portion is shown. The image below is in the vertical aspect ratio. Here is the link to the website: https://www.stonefishanimation.com/ Thank you so much - Stonefish Animation Stonefish_Mixed.mp4 Link to comment
tuanphan Posted March 26, 2022 Share Posted March 26, 2022 Try adding to Design > Custom CSS /* Mobile */ @media screen and (max-width:767px) { [data-section-id="61c7807760e3d630052df709"] video { width: 100% !important; height: auto !important; position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment