Hello, I’ve spent hours creating my perfect forms. I finally got them embedded into Wordpress (Divi theme), but they look absolutely terrible on mobile. When I try it with the full page setting, the spacing is all messed up and you can’t even see the form. When I try it without the full page setting, you can’t see the whole form on the page. I'm new to Typeform and was really hoping it would be straightforward. Responsiveness should be a given these days!
Hey
Sure, here’s the page! It’s currently embedded as standard at 110% width, fixed height 550px, and set to show full screen on mobile. For some reason, the only way I can get it to show properly on desktop is to expand it to 110%. If I do 100%, the image doesn’t show in the right place.
Following up—any help here?
Hi
Hi
Thank you!
Thanks,
Do you want the form to be totally across the page or as it is now?
If you want it to fit the page, do you mind trying both 100vh (for the height) and 100vw (for the width) to see if that solves the issue? The fixed height/width in pixels could be causing the issue.
Hi
Hi
If that doesn’t work,
Hi
Hi
style=”width:100vh;height:100vh”
cheers
des
Hi
Hey
It’s a bit difficult for me to give a full solution since I’m not familiar with your whole site but when going through the page and resetting `z-index` to 0 for elements like `#main-header`, `.et_pb_column` and `.et_builder_inner_content`, the form was working as expected.
Maybe you can play around with it and see if that works and doesn’t cause any other issue across your site?
Thanks
Joyce
Hello
I am looking at your website and
You could try adding data-tf-inline-on-mobile attribute to your embed code or disable the Full-screen on mobile toggle on your share page before copying the code. This will display the form inline on mobile and not try to display it in fullscreen.
Displaying typeform in fullscreen on mobile is better for respondent experience, however there could be conflicts with some other elements and CSS in the website.
Reply
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.