Resizing Code Blocks for Mobile

Site URL: http://www.facilibuildhub.com/

How can I size a code block for mobile? The video on my site is embedded as a code - we didn't want the suggested videos to pop up at the end and I found a tutorial for getting rid of them, which involved embedding it as code. However, the video remains full size on the mobile version and throws off the entire site display. 

Any tips for how to fix this? 

That worked, thanks!

Revisiting this conversation as I've run into a new problem - the code works great for changing the size of the video and doing what I need it to do, but I've now realized it's interfering with the site's responsive design. On this page, if you minimize the window, you'll notice that the code block runs into the side bar and everything is overlapping. 

Any idea how to fix this? 

FaciliBuild HUB — FaciliBuild 

On 4/7/2021 at 2:50 AM, meganntab said:

Revisiting this conversation as I've run into a new problem - the code works great for changing the size of the video and doing what I need it to do, but I've now realized it's interfering with the site's responsive design. On this page, if you minimize the window, you'll notice that the code block runs into the side bar and everything is overlapping. 

Any idea how to fix this? 

FaciliBuild HUB — FaciliBuild 

Add this CSS

/* fix video overlap sidebar */
div#block-yui_3_17_2_1_1614718916914_14873 iframe {
    width: 100% !important;
}

15 hours ago, tuanphan said:

Add this CSS

/* fix video overlap sidebar */
div#block-yui_3_17_2_1_1614718916914_14873 iframe {
    width: 100% !important;
}

 

That worked - thank you!

I'm having a similar issue with HTML code. It's fine on the desktop version. But it's too wide for the mobile version.

https://theoutsideleverage.com/articles/from-hope-to-heartbreak-how-sean-tuckers-heart-condition-forced-him-to-go-undrafted-in-the-2023-nfl-draft

18 hours ago, Pinnaql3 said:

I'm having a similar issue with HTML code. It's fine on the desktop version. But it's too wide for the mobile version.

 

https://theoutsideleverage.com/articles/from-hope-to-heartbreak-how-sean-tuckers-heart-condition-forced-him-to-go-undrafted-in-the-2023-nfl-draft

It looks fine to me