moxxbrands

Yes. Had do I add two video's. One for desktop and mobile. -------------- Code wise. What am I needing to use? So: Desktop shows 9x16 and Mobile shows 4x5. It wasn't resolved in the thread in the end so wanted to ask how do you you actually implement it. Does that make sense?

How does one do this?

Hi there, I found this on a different forum about this subject. This code works but am needing to find code so that it swaps out the video and uses 4:5 video rather than the 16:9. Currently this with no coding: Then when I insert the code below this it changes to - see below: (Mobile view) section[data-section-id="insert here"] iframe { width: auto !important; left: 0 !important; height: auto !important; } section[data-section-id=""insert here""] { min-height: 25vh !important; height: 30vh !important; } } ---------------------- So I am needing code to using two different video formats: 1: Desktop 16x9 video 2. Mobile 4x5 video Does anyone have the right code for this?

Thanks so much. Didn't see these messages come in. All fixed now. Appreciate the responses. 🙂 Yay fixed!

Hi there, I am wanting to do this. So use a 16x9 video for desktop and the 4x5 for mobile. What is the code for this? Does anyone know or could help. I am inserting this into my Banner. Header. So exactly this: ---------------- You can add 2 videos, then share url, we will give code to show 1 on desktop, show 1 on mobile

// Homepage - Laundry Sheet Mobile Version Only // section[data-section-id="6115d829f0e9896832def4c2"] { @media only screen and (max-width:640px) } .sqs-row {display: flex!important; flex-direction: column-reverse!important;} So I have used this code. Works for MOBILE now but stacks for DESKTOP. Theoretically it should only be affecting MOBILE.

Site URL: https://restor-home.co.nz/ Hi there, For some reason I cannot get this to work for me. I know it's a simple code but all the code I have been using isn't changing the oder in MOBILE so I am obviously missing something. ----------------- Used this information below to help guide me but it's still not working. So I want the image above the text on mobile. See below. @media screen and (max-width:640px) { div#<insert block code here>.row { display: flex; flex-direction: column-reverse; } }