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.
Answered
Embedding a new form and the desktop view is showing as mobile
Best answer by mathio-tf
Hello
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.
+5Hi
+5Tagging
+5Hello
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.
+5Hi
Hello, I have the same problem and I am not sure how to make the display: block instead of flex since I am using Framer. and the form needs to be in an auto-layout container.
By setting the height auto in the embed settings, I wanted the height of the form to hug the content. So the intro page is smaller in height and when the user clicks start it expands, like the image shows below.
What's happening is when I embed this in framer, it's showing it Mobile width and the height is not adapting.
I also noticed Framer is not listed under platforms
The other method i used is choosing “forms” > typeform from framer and inserting the ID this works in width but does not apply height auto.
Hey there
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.