Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #669026

    I have an iframe inserted into two tabs, which displays a form. This is not responsive. Can you please take a look and let me know what I could add to my child theme so the iframe form is responsive? Thanks!


    Hey webdesign,

    It looks responsive on my end, the second tab might be a bit ugly though. This is not really a theme issue but let us know what you want to change and we’ll have a look at it.



    Hey Rikard,
    Thanks for the reply. When I view either tab on the phone, I have to scroll down to see the whole form, with a scroll bar… the form fields don’t automatically resize. It’s not intuitive. So, when you see it, does the form field reduce in size, so you don’t have to “scroll” over or down to see the whole form? On my end, it’s behaving like it would on a desktop. I’ve also checked it out in a mobile app view and get the same response. I would just like the content within the tabs to be responsive (the “iframes”). See below:



    You can try to set the height for the iframe, it’s currently set to 500px:

    .page-id-450 iframe {
    height:1000px !important;



    Thank you Rikard! That did help! I believe the iframe is also being limited on the other end. It’s a Pardot form. I would like the form fields to stretch across the full width of the screen, and then reduce in size (without the scrolling bar), in a responsive manner. I think this must have to be set up on Pardot’s end. Thanks again for your suggestion, as it is better than it was!


Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.