It works with any section with any customization, you can setup the rows inside the section as you want, add parralax backgound…
Main Features :
Fullscreen Scrolling Section
One click import
Easy to use
30-Day Money-back Guarantee
Premium Support :
You can contact me at [email protected] at any time, I will answer you in less than 24 hours.
How to use
Import the layout
Activate the Divi dot navigation : Lookout for “Divi Page Settings” meta box in the top right corner of the WP editor. Click on “Dot Navigation” pull down and select “On”
You can add as many sections as you want. To make sure your section is full height you can use a fullwidth section with a fullwidth header module, then in “design” tab, in “Layout” check “Make Fullscreen” option.
If you want to use a Fullscreen section, just add the class “fullpage-section” to your section. There is a code module at the bottom of the layout that contain this CSS code that will make your section fullscreen :
⚠️ If you use a fixed header you should replace line 2 (height : 100vh) with
height: calc( 100vh – 80px );
Replace 80 by the height of your header
What’s Inside the Package
Inside the package, you’ll find a .zip file with :
Divi Section Scroll.json
Extract the .zip file on your computer (You’ll get a Divi Section Scroll.json file)
Open the page where you want to import the layout
Enable the Visual Builder
Drag the .json file from your computer and drop it on the page
A popup will appear, click on the “Remove existing content” checkbox and click the “Import Divi Builder Layout” button. Be careful, this will replace the current content of the page with the layout content.