Skip to main content

Scroll After Successful Password Entry

If you would like to enable your customer to scroll to the section after a successful password entry then check the scroll to section box found on the Protect Sections page.

Preview

Set It Up - Protect Section

  1. Head over to Divi Engine > Protect Section and create a new Section.

  2. Add a title, Section, Row, Module and password.

  3. Within the Row settings, change the width & max-width to 100%

    Customize Our Settings - Divi Protect

    Customize the rest of your Protect Form using our documentation.

Step 3: Add Custom Code

Add the following CSS to the Divi Theme Options (or your child theme). This CSS will adjust the spacing of your Protect Form. You can adjust the max-width to be anything you want.

.et_pb_de_protect .protect-div, .et_pb_de_protect .et_pb_module_inner h3 { 
max-width: 1080px;
float: none;
margin: auto;
}