madseason Posted January 4, 2023 Share Posted January 4, 2023 (edited) Is it possible to resize a video in mobile but not have it impact the desktop size? The video I need assistance with is at the link below. Video is towards the end of the page under the federal open market committee heading. You will see that it currently extends of the side of the mobile view. Edited January 10, 2023 by madseason Link to comment
tuanphan Posted January 5, 2023 Share Posted January 5, 2023 Try this CSS @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1667102294246_27115 iframe { width: 100% !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
madseason Posted January 5, 2023 Author Share Posted January 5, 2023 That works on on the desktop size as I can have that video any size without impacting the mobile size. Now the video on the mobile side needs adjust as it is only taking up about half of the width of the screen. Mobile view picture is attached. Link to comment
Solution tuanphan Posted January 8, 2023 Solution Share Posted January 8, 2023 Try this new code @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1667102294246_27115 iframe { width: 100% !important; } .fe-block.fe-block-yui_3_17_2_1_1667102294246_27115 { grid-column-end: 10; } } madseason 1 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
madseason Posted January 8, 2023 Author Share Posted January 8, 2023 That fixed it. 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