Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • It looks like there’s an issue with the way it’s embedded on the page. It’s inside the same <p> tag as the image, which is floated to the left. It’s actually existing in the padding of the container and has a width of 0 pixels:

    No width, only padding

    There’s no actual mobile responsiveness on the container, which causes some weird stuff in general at some screen sizes:

    Odd text wrapping

    You may need to create a new column on the page template itself to hold the form, or it might be simpler to just move the form beneath the image. This is sort of a template-specific issue, and general advice won’t be terribly helpful.

    You might just have to play around with the location of the form code. Sorry I don’t have anything more concrete regarding the problem. The form code itself isn’t what’s causing it though, so you should have all the necessary tools available to you in the page builder widget.

    Try using this iframe code instead:

    <iframe frameborder='0' style='width: 100%;' src='https://app.hatchbuck.com/OnlineForm/62775759741' scrolling='no' height='450px'></iframe>

    Those changes explicitly set the height to the size of your form and remove the scrolling.

    – Sam

Viewing 2 replies - 1 through 2 (of 2 total)