Dynamically size/collapse space within form on landing page

  • BX
    Asked on February 4, 2020 at 5:01 PM

    For the form under "Sign Up" we currently have a height: 3200px;

    This is because we needed to make sure the form does not get cut off on mobile. But the minor issue is on desktop or any large screen there is a large amount of white space after the bottom of the form. 

    Is there a way to dynamically adjust the height so that we can responsively collapse the bottom of the form? Ideally we would like to avoid having scrolling="yes" or scrolling="auto"

    Page URL: https://bakeries.cakes.com/test-membership
  • John Support Team Lead
    Replied on February 4, 2020 at 7:13 PM

    I can see that you have embedded the form using its iframe code:

    Dynamically size/collapse space within form on landing page Image 10

    But it seems you removed the SCRIPT part of the code. The said scripts are for auto-height functions, wherein it automatically adjusts the height of the iframe, making it more responsive.

    I suggest adding it to the current embed codes.

    GUIDE: Getting-the-Form-iFrame-Code