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

Divi Engine

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 SectionPart 2 ☞ Add the Fullscreen Menu and force the Mobile Menu on desktopPart 3 ☞ Add jQuery to the Divi Fullscreen Menu to show hovered link as background textFollow 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=58998CHAPTERS00:00 Introduction01:28 Building the Divi Hero Section Layout04:14 Styling the Hero Section Layout14:14 Making the Layout Responsive18:13 Conclusion