madseason Posted January 4 Share Posted January 4 (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 by madseason Link to comment
tuanphan Posted January 5 Share Posted January 5 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
madseason Posted January 5 Author Share Posted January 5 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 Solution Share Posted January 8 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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