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.

For more info about creating and customizing a Divi menu, you can read the How to build a Divi menu guide.

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.