Add a Hamburger Icon that Opens a Popup in Divi Menu – Divi Tuts

What is Shown in this Divi Tutorial

Many of the most popular multi-purpose themes offer a feature in the primary menu that allows theme designers to create a popup window for more information. This popup box often shows information that is important, but left off the primary menu bar to keep that area minimal. Divi core doesn’t offer this feature, but with a few simple steps and one free plugin shown in the video Divi Tutorial, you can easily replicate this common feature.

References

• • Popup Maker Plugin
  • Menu icon light and dark versions (right click and save image if you want to use these)
  • To get the two or more column look shown in the popup, switch to the WordPress text editor and use the “one half,” “one third,” etc. shortcodes.
  • Icon in Menu Styling (add below to child theme css or custom css box in Divi Theme Options)

  /* Menu icon in main menu */
  .menu-icon {
  	margin-left: 15px !important;
  }
  @media screen and (max-width: 1200px) {
  .menu-icon {
  	display: none;
  }
  }