This is the form in the editor under mobile:
This is the form in shopify:
Embed form not displaying correctly on mobile
Userlevel 5
+25
Hey
Welcome to Klaviyo community,
If the forms do not look like how they are in the Klaviyo editor, this is due to the CSS styles from the site overriding it. You will need to check the styles for any popup related styles which may have an 'important' tag which will override Klaviyo. This could also be changes with spacing, padding, font formatting etc
Let me know if this helped you fix this,
Thanks
Arpit
Not particularly, it is an embedded form not a popup. I am not sure what you mean by “styles”, can you elaborate?
Userlevel 5
+25
Hey
On your website, locate your form and right click on your mouse and click on ‘inspect’ and this will open up a window as you see below, and on the right side is the styles. If you know html and css, you should be able to find any css code that is over-riding the styling of your embed form code. If its difficult for you to understand this, I would suggest contacting a developer and they would be able to help figure this out.
I hope this helps,
Thanks,
Arpit
Reply
Log in to the Community
Use your Klaviyo credentials
Log in with Klaviyo
Use your Klaviyo credentials
Log in with KlaviyoEnter your E-mail address. We'll send you an e-mail with instructions to reset your password.