Divi Section Scroll

Divi Layout

Starts at $15.00
license details »
Add to Cart
Product Details

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 :

  1. .fullpage-section {
  2. height:100vh;
  3. display: flex;
  4. flex-direction: column;
  5. justify-content: center;
  6. }

⚠️ 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

3 Months Ago

Visit This Seller's Profile

Sold by Divi Layouts

Contact This Seller

Have any questions or need product support? Contact This Seller

Get Email Updates (It's Free)

No spam ever. Only Divi related updates. You need this.

Pin It on Pinterest