Hi
I’ve created an embedded sign up form for my Shopify site.
The desktop view is fine but doesn’t look good on mobile as the boxes are too small.
So I created another form for mobile view, and stacked the boxes. I’ve copied both codes into my html box, but when I preview in mobile, the desktop form is showing.
Is this because
- I haven’t puiblished the theme yet
- I’m previewing mobile view on a desktop
- I’ve done something wrong
This is my custom html
<p>Enter your email to go into our monthly draw.</p>
<p>Don't worry, our dogs don't get spam and neither will you</p>
<p></p><div class="klaviyo-form-Wr5QWY"></div><p></p><p></p><div class="klaviyo-form-R4iziZ"></div><p></p>
![](https://uploads-us-west-2.insided.com/klaviyo-en/attachment/c1a41a39-0839-4ca2-a943-767a169838bd.jpg)
![](https://uploads-us-west-2.insided.com/klaviyo-en/attachment/9628e1f5-db7c-4e92-88ca-44ec94fee98a.jpg)
![](https://uploads-us-west-2.insided.com/klaviyo-en/attachment/69f73158-b028-43b1-b1c6-1e9a2f71b593.jpg)
Thank you for any help - given nearly 80% of my traffic is on mobile, the form needs to render correctly - it seems crazy that we have to even create separate mobile forms now.