Sticky on scroll

1. Open form settings

2. Turn on ‘Sticky Summary’

3. Save Settings

Save the form settings by using one of the submit or save settings buttons!

4. Add offset to sticky summary (Optional)

Sometimes it can happen that your website has a sticky header that overlaps with the sticky summary. This can be easily resolved with a few lines of CSS. See example code below. There are two variations. Option 1 will apply to all forms and the second option to a specific form.

Not sure how to add CSS to your website? Have a look here: https://docs.gravityforms.com/where-to-put-your-custom-css/

/***
 * Option 1. Apply to all forms
***/
@media only screen and (min-width: 640px) {
    .gotrgf_form_overview_container {
        top: 15% !important; /*adjust this value to increase or decrease the offset*/
    }
}



/** 
 * Option 2. Apply to only one form. Change the XX below to your form ID
***/
@media only screen and (min-width: 640px) {
    #gotrgf_form_overview_container_XX {
        top: 15% !important; /*adjust this value to increase or decrease the offset*/
    }
}