Google form not centered on Mobile View

[Eweisfeld]

Hi! I cannot get my iframed google form to be centered on mobile view. It is centered on desktop. Code:

<div><meta charset="utf-8" /><img src="https://cdn.shopify.com/s/files/1/0457/4471/7981/files/Screen_Shot_2021-02-11_at_4.56.22_PM_480x480...." alt="" width="451" height="134" style="display: block; margin-left: auto; margin-right: auto;" /> </div>
<div style="text-align: center;"><iframe src="https://docs.google.com/forms/d/e/1FAIpQLScMY6W8O7aPRUKV0PQaFgUzijbMoraA1vJQ_Cx5RxKztzFY5A/viewform?..." width="640" height="1356" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe></div>

 ^^ Desktop View

^ ^ Mobile View

I've tried changing the float to left and text to left, but hasnt helped...

[dmwwebartisan]

@Eweisfeld 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

[Eweisfeld]

resmrkt.com thanks!

[dmwwebartisan]

@Eweisfeld 

Please add the following code at the bottom of your assets/theme.scss.liquid file

iframe{ width: 100%; height: auto }

Hope this helps.

Thanks! 

[Eweisfeld]

It worked! Thanks!

[dmwwebartisan]

@Eweisfeld 

Please accept as a solution so others can take benefits.

[mabootle]

I added the code iframe{ width: 100%; height: auto } at the bottom of my Assets/theme.scss.liquid

It worked, but now I have to scroll through the Google form as it's embedded (very small) instead of just scrolling down on the page.

[FBAeSales]

Hi Dmwwebartian, I'm having the same issue with my dawn theme but I couldn't find where in the coding files. Could you please help me?

Thanks