Resizing embedded code block for mobile display!

Hi There,

I am looking for some guidance on how to make my code block with an embedded smartsheets form responsive to mobile display.

As seen in the image below it is causing it to be the same size as web display.

I have tried to add css with the block id as below with no luck:

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1611768057164_13459 iframe {
    width: 100% !important;
    height: auto;
}
}

Any help on this would be greatly appreciated! 

16 hours ago, FPzak said:

Hi There,

I am looking for some guidance on how to make my code block with an embedded smartsheets form responsive to mobile display.

As seen in the image below it is causing it to be the same size as web display.

I have tried to add css with the block id as below with no luck:

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1611768057164_13459 iframe {
    width: 100% !important;
    height: auto;
}
}

Any help on this would be greatly appreciated! 

 

Can you share your site with the protected password so I can take a look?