Coded Block on Mobile

Site URL: https://www.promomomma.com/contact

Hello,

I used a code block to embed a form that connects to my Monday account as my "Contact" form. It looks great on the website, but it displays too wide on Mobile View. Any suggestions are appreciated! 

19 hours ago, MeaghanPM said:

Site URL: https://www.promomomma.com/contact

Hello,

I used a code block to embed a form that connects to my Monday account as my "Contact" form. It looks great on the website, but it displays too wide on Mobile View. Any suggestions are appreciated! 

Add to Design > Custom CSS

/* resize code block mobile */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1619624831506_6886 iframe {
    width: 100% !important;
}
}

Reviving this thread. I placed a video iframe in a code block but it does not auto play. I found another video auto play solution which uses HTML and the video hosted on the squarespace server. The iframe is mobile responsive but the second option, the HTML player in the code block won't re-scale. I tried the "resize code block mobile" above but it does not change the scale for mobile.

https://www.tsangseymour.com/a-blade-of-grass-brand-design

Help!

On 11/6/2021 at 10:02 AM, Patch said:

Reviving this thread. I placed a video iframe in a code block but it does not auto play. I found another video auto play solution which uses HTML and the video hosted on the squarespace server. The iframe is mobile responsive but the second option, the HTML player in the code block won't re-scale. I tried the "resize code block mobile" above but it does not change the scale for mobile.

https://www.tsangseymour.com/a-blade-of-grass-brand-design

 

Help!

You mean video above this text? PROCESS AND WORKFLOWS

Hi. The code  block with the HTML player did auto play as promised but it wasn't responsive so doesn't really work. I did another search and found this to work great.
Hope it helps others looking for an auto play video on Squarespace 7.1

Thank you fro your help!