Portfolio Menu

Divi portfolio menu layout with animations

The Elegant Themes tutorial (and free Divi layout JSON) will show you how to create a navigation menu that animates as the page is scrolled. The effect uses the built-in Divi motion scroll effects to change text menu opacities based on where the text is based on the viewport position.

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 “Create a Scrollable Portfolio Navigation List with Divi’s Scroll Effects”.

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 Divi Theme Examples.