Divi Hamburger Menu Tutorial: Part 1 - How to Build the Hero Section in Divi

In this 3 part tutorial, we are going to build out a Hero Section and Navigation Header that will display a mobile menu on the Desktop. We liked the punny thought of having a hamburger menu on a hamburger-themed layout.

This Part 1 is all about building out the Hero Section and using the Divi Transform and Animation effects to make a Hero Section that converts.

We originally saw this layout and Navigation Menu on Reddit in /r/WebDev and loved it.

Part 1 ☞ Building the Hero Section
Part 2 ☞ Add the Fullscreen Menu and force the Mobile Menu on desktop
Part 3 ☞ Add jQuery to the Divi Fullscreen Menu to show hovered link as background text

Follow one part, or all three, you can learn some valuable Divi Theme skills in each one.

LINKS
➤ Text Tutorial & Code @ https://diviengine.com/hand-coded-design-to-divi-layout-part-1-the-hero-section/
➤ Learn more about Divi Engine @ https://diviengine.com/
➤ Get the Divi Theme @ https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=58998

CHAPTERS
00:00 Introduction
01:28 Building the Divi Hero Section Layout
04:14 Styling the Hero Section Layout
14:14 Making the Layout Responsive
18:13 Conclusion

Видео Divi Hamburger Menu Tutorial: Part 1 - How to Build the Hero Section in Divi канала Divi Engine