Embedding a new form and the desktop view is showing as mobile | Community
Skip to main content
Answered

Embedding a new form and the desktop view is showing as mobile


I am having trouble embedding a new form on a webpage. On my desktop it is showing the mobile view not the desktop view. You can see there is another older form above that views fine. I don’t know what to do to fix this.

 

Best answer by mathio-tf

Hello @steviey 

I see the form in your page is displayed with a width of 300px like this:

 

This is because of the parent element (div with “iconbox” class”) that has display: flex CSS. This resizes your form to smaller width. You can either change this, eg. to display: block or set an explicit width on your embed div element.

 

Hope this helps.

View original

5 replies

Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15024 replies
  • August 29, 2024

Hi @steviey Do you mind sharing the URL where you have the form embedded? Thanks in advance!


  • Author
  • Explorer
  • 1 reply
  • September 3, 2024

I just uploaded it. https://colbornefoodbotics.com/contact

Thanks for looking into this for me!


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15024 replies
  • September 4, 2024

Tagging @mathio for some help!


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • Answer
  • September 6, 2024

Hello @steviey 

I see the form in your page is displayed with a width of 300px like this:

 

This is because of the parent element (div with “iconbox” class”) that has display: flex CSS. This resizes your form to smaller width. You can either change this, eg. to display: block or set an explicit width on your embed div element.

 

Hope this helps.


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15024 replies
  • September 18, 2024

Hi @steviey I hope you’re doing well! Did the solution above work for you? Let us know if you have any other questions! 😀


Reply