# Forms are not adjusting for mobile view

**URL:** <https://community.pickaxe.co/t/forms-are-not-adjusting-for-mobile-view/2088>\
**Category:** Bugs / Site Issues\
**Created:** [October 14, 2024, 10:19pm UTC](https://community.pickaxe.co/t/forms-are-not-adjusting-for-mobile-view/2088 "2024-10-14T22:19:55Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![lloydpearsoniv](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/lloydpearsoniv/32/5137_2.png) [@lloydpearsoniv](https://community.pickaxe.co/u/lloydpearsoniv)\
**Post date:** [October 14, 2024, 10:19pm UTC](https://community.pickaxe.co/t/forms-are-not-adjusting-for-mobile-view/2088/1 "2024-10-14T22:19:55Z")

</div>

I tried to embed form to a mobile site and the form remains in desktop view even when you select mobile settings.

---

<div class="post-metadata">

**Author:** ![stephenasuncion](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/stephenasuncion/32/3111_2.png) [@stephenasuncion](https://community.pickaxe.co/u/stephenasuncion)\
**Post date:** [October 16, 2024, 1:22am UTC](https://community.pickaxe.co/t/forms-are-not-adjusting-for-mobile-view/2088/2 "2024-10-16T01:22:50Z")

</div>

Hi @lloydpearsoniv,

Could you provide the link to the website? The mobile view is based on the viewport’s width and cannot be toggled.

---

<div class="post-metadata">

**Author:** ![lloydpearsoniv](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/lloydpearsoniv/32/5137_2.png) [@lloydpearsoniv](https://community.pickaxe.co/u/lloydpearsoniv)\
**Post date:** [October 16, 2024, 3:06pm UTC](https://community.pickaxe.co/t/forms-are-not-adjusting-for-mobile-view/2088/3 "2024-10-16T15:06:52Z")

</div>

> **[🚀 Get Ready for the Most POPPIN’ Fundraiser of the Year! 🍿](https://waitlist.mypoppinfundraiser.com)**
>
> We’re gearing up to launch My Poppin Fundraiser, and you don’t want to miss out! 🎉 Whether you’re a school, nonprofit, or community group, we’re bringing you a fun, delicious, and easy way to raise BIG funds. With our gourmet popcorn selection and...

I replaced it with a regular pickaxe for the time being

Lloyd Pearson, CEO

234-231-9160 Office

[lloydpearson@projectcues.com](mailto:lloydpearson@projectcues.com)

[https://www.projectcues.com](https://www.projectcues.com)

---

<div class="post-metadata">

**Author:** ![lloydpearsoniv](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/lloydpearsoniv/32/5137_2.png) [@lloydpearsoniv](https://community.pickaxe.co/u/lloydpearsoniv)\
**Post date:** [October 23, 2024, 3:31pm UTC](https://community.pickaxe.co/t/forms-are-not-adjusting-for-mobile-view/2088/4 "2024-10-23T15:31:21Z")

</div>

I provided the link to the website

---

<div class="post-metadata">

**Author:** ![stephenasuncion](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/stephenasuncion/32/3111_2.png) [@stephenasuncion](https://community.pickaxe.co/u/stephenasuncion)\
**Post date:** [October 23, 2024, 6:48pm UTC](https://community.pickaxe.co/t/forms-are-not-adjusting-for-mobile-view/2088/5 "2024-10-23T18:48:05Z")

</div>

Hi @lloydpearsoniv,

Where is the pickaxe exactly?

---

<div class="post-metadata">

**Author:** ![lloydpearsoniv](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/lloydpearsoniv/32/5137_2.png) [@lloydpearsoniv](https://community.pickaxe.co/u/lloydpearsoniv)\
**Post date:** [October 23, 2024, 7:27pm UTC](https://community.pickaxe.co/t/forms-are-not-adjusting-for-mobile-view/2088/6 "2024-10-23T19:27:31Z")

</div>

At the end. I removed the one with the form because it wasn’t fitting properly

---

<div class="post-metadata">

**Author:** ![stephenasuncion](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/stephenasuncion/32/3111_2.png) [@stephenasuncion](https://community.pickaxe.co/u/stephenasuncion)\
**Post date:** [October 23, 2024, 8:06pm UTC](https://community.pickaxe.co/t/forms-are-not-adjusting-for-mobile-view/2088/7 "2024-10-23T20:06:46Z")

</div>

Got it, you will have to make sure the parent container is responsive (content should shrink with the viewport width).

Without the embed:

 ![image](https://canada1.discourse-cdn.com/flex004/uploads/pickaxeproject/original/2X/a/afec37eebb1f8807097bb6a68e7ce0fa6dec253c.png)

---

<div class="post-metadata">

**Author:** ![lloydpearsoniv](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/lloydpearsoniv/32/5137_2.png) [@lloydpearsoniv](https://community.pickaxe.co/u/lloydpearsoniv)\
**Post date:** [October 23, 2024, 9:57pm UTC](https://community.pickaxe.co/t/forms-are-not-adjusting-for-mobile-view/2088/8 "2024-10-23T21:57:32Z")

</div>

Its that size by design, what should be responsive is the form itself. If the page is that size, and only that size, the form should be able to fit.

@stephenasuncion

---

<div class="post-metadata">

**Author:** ![stephenasuncion](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/stephenasuncion/32/3111_2.png) [@stephenasuncion](https://community.pickaxe.co/u/stephenasuncion)\
**Post date:** [October 23, 2024, 10:05pm UTC](https://community.pickaxe.co/t/forms-are-not-adjusting-for-mobile-view/2088/9 "2024-10-23T22:05:43Z")

</div>

> [@lloydpearsoniv](#):
>
> Its that size by design, what should be responsive is the form itself. If the page is that size, and only that size, the form should be able to fit.

The issue is that the parent container doesn’t adjust to the viewport size, which is preventing the form from fully shrinking when needed.

Even though the form is responsive, it’s constrained by the fixed size of the container it’s embedded in.

---

<div class="post-metadata">

**Author:** ![lloydpearsoniv](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/lloydpearsoniv/32/5137_2.png) [@lloydpearsoniv](https://community.pickaxe.co/u/lloydpearsoniv)\
**Post date:** [October 23, 2024, 10:21pm UTC](https://community.pickaxe.co/t/forms-are-not-adjusting-for-mobile-view/2088/10 "2024-10-23T22:21:14Z")

</div>

Even on the pickaxe preview screen, the chat window doesnt adjust….

I have tried on the form and the chat

---

<div class="post-metadata">

**Author:** ![stephenasuncion](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/stephenasuncion/32/3111_2.png) [@stephenasuncion](https://community.pickaxe.co/u/stephenasuncion)\
**Post date:** [October 23, 2024, 11:00pm UTC](https://community.pickaxe.co/t/forms-are-not-adjusting-for-mobile-view/2088/11 "2024-10-23T23:00:58Z")

</div>

Mobile view on Pickaxe preview should be fixed now, but it should shrink with the parent container when using the embed code like so:

[![](https://canada1.discourse-cdn.com/flex004/uploads/pickaxeproject/original/2X/5/5cb3a8755416a17e22dae1781ecd4be90abea985.webp "2024-10-23 15-58-16") ](https://vimeo.com/1022696816)

---

<div class="post-metadata">

**Author:** ![admin\_mike](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/admin_mike/32/283_2.png) [@admin\_mike](https://community.pickaxe.co/u/admin_mike)\
**Post date:** [March 27, 2025, 4:32am UTC](https://community.pickaxe.co/t/forms-are-not-adjusting-for-mobile-view/2088/12 "2025-03-27T04:32:01Z")

</div>


