Divi Section Scroll
Create Beautiful Fullscreen Scrolling Websites !
Create Beautiful Fullscreen Scrolling Websites !
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
- 100% Responsive
- Easy customization
- Unlimited 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”
Add section
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 :
- .fullpage-section {
- height:100vh;
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
⚠️ 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
- license.txt
Layout Import
- 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.
Product Support & Contact Information
If you have any support related or other questions, please contact Divi Layouts via the form located on their Author Profile.
You must log in and be a buyer of this download to submit a review.
Divi Section Scroll
Divi Layout
Rating
Version
1.0
Last Updated
One Year Ago
Visit This Seller's Profile
Contact This Seller
Have any questions or need product support? Contact This Seller
Get Email Updates (It's Free)