Hidden Divi Hero Section

How to cover Divi hero section on scroll

The Elegant Themes tutorial (and free Divi layout JSON) will show you how to create a hero section that animates behind the section below as the user scrolls down the page. The hero section has a text column and an image column that animates into a slant as the page scrolls. The following section has a black background with text content and covers the original hero section as the user scrolls.

This Divi layout is available to download on the Elegant Themes website and is accompanied by a step-by-step tutorial that shows you how to create the layout from scratch.

You can download the completed Divi layout template for free on the Elegant Themes blog post “How to Cover Your Hero Section on Scroll with Divi’s Sticky Options”.

Affiliate disclosure* – Links to layouts on Elegant Themes and 3rd party websites may contain affiliate code. You will never pay any extra for using these links. Thanks for supporting DiviLayouts.com.