Growform Multi Step Form Builder
  • Templates
  • Integrations
  • Testimonials
  • Pricing
  • Contact us
  • Log in
  • Free trial

How To Stop Your Background Image “Jumping” When Navigating Between Steps

If you’re embedding Growform on your website, you may notice that the background noticeably “jumps” when you navigate between steps.

This is perfectly normal (and fixable), and happens because the height of the form is changing.

Here our are fixes:

1 – Set a “min height” on your form

To do this, go to “Form settings” when you’re on your form and set your form’s “min height” to a value larger than the height of your form.

This will keep your form at a consistent height between steps, preventing the jumping effect.

2 – Use a single color as a background

If your form steps vary in height significantly, it may be easiest to simply set a background color instead of an image to make the difference less jarring.

To do this, go to “Form settings”, then “Edit theme settings”, and set the parent container background to a color:

3 – Set the background in Growform to “none”, and manage the background image elsewhere

Failing the above, you can always set Growform’s parent container background to “none”, and add a background image of your choosing on your own website. To do this, follow the steps in step 2 – but choose “None” instead of a color.

Form URL
Form template image
Form template title
Form template blurb
form embed 2
Fake LP from bg colour picker
Fake LP logo
Fake LP header
Fake LP subcopy
Fake LP background image
Fake LP secondary text colour picker
test field
Case study description

Post a Comments

Recent Posts

  • How To Create A Multi-Step Asana Request Form (No Code)
  • How To Create Hubspot Multi-Step Forms (Without Code)
  • Embeddable Forms For Your Website
  • Logic Jump: How To Craft Powerful Forms With Jumping Logic
  • Mastering Conditional Logic Forms: How-To Guide + Examples

Categories

  • Convertri
  • CRO
  • Form design
  • Google Tag Manager
  • Hubspot
  • Integration
  • Lead generation
  • Marketing
  • Multi step form design
  • Real estate
  • Tools
  • TrustedForm
  • Unbounce
  • Unbounce tutorials
  • Using growform

Try Growform Multi Step Form Builder »

Guides

  • Asana
  • Hubspot
  • Instapage
  • Leadpages
  • Unbounce
  • Webflow
  • WordPress

Features

  • All Features
  • Conditional logic forms
  • Conversational forms
  • Embeddable forms
  • Lead capture forms
  • Lead verification
  • Logic jump forms
  • TrustedForm forms
  • Wizard forms
  • Comparisons

More

  • Affiliate Partners
  • Terms of Service
  • Privacy & GDPR
  • Service status
  • Blog
  • Help docs
  • Climate pledge
© 2020 - 2021 Growform Ltd. All rights reserved. Growform is a company registered in England and Wales. Company No. 13097518. Registered office: Kemp House, 160 City Road, London, United Kingdom, EC1V 2NX , UK
  • English
  • Français
  • Español
  • Italiano
  • Deutsch