Why isn't my Google form centered on mobile view?

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

^^ Desktop View

^ ^ Mobile View

I’ve tried changing the float to left and text to left, but hasnt helped…

@Eweisfeld

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

Thanks!

resmrkt.com thanks!

1 Like

@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!

1 Like

It worked! Thanks!

1 Like

@Eweisfeld

Please accept as a solution so others can take benefits.

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.

1 Like

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

Why force a Google Form to work on your Shopify site when plenty of Shopify Form apps do all of the same stuff?

Looking for a free alternative? Use Shopify forms.
Need more customization? Use Helium Customer Fields. The data is saved to a customer record in Shopify, including custom fields (as customer metafields).

Or use Google Forms. Then later on when your brand is growing you’ll have to untangle the web of non-Shopify apps you’ve strung together.

Using a Google Form on your Shopify store is the wrong move. Full stop.
You’re building a Shopify brand, so build on Shopify. Not Google.