Tutorials

Getting Started

Installation & Overview

Learn how to get started with Mhmm. Also, learn how to setup a Header & Menu.

Theme Builder Demos
Mega Menu Demos

Create a Custom Header

Create an Inline Menu for Desktop and a Hamburger Menu for Tablet/Mobile.

Featured Tutorials

Swap Menu per Device

Easily swap Menu and/or Logo on Desktop, Laptop & Mobile.

Multiple Header Options

Including Scroll, Stick to Top, Stick to Bottom, Start at Bottom and Stick to Top on Scroll, and more.

Advanced Media Query

Easily change when Mhmm Modules are shown or hidden beyond Divi’s default Desktop / Tablet / Mobile optoins.

Inline Menu Module

Easily swap Menu and/or Logo on Desktop, Laptop & Mobile.

Logo Module

Including Scroll, Stick to Top, Stick to Bottom, Start at Bottom and Stick to Top on Scroll, and more.

Hamburger Module

Multiple Hamburger Locations & Options including Color & Hover Color.

Inline Menu Buttons

Easily style & include 2 Call-to-Action buttons in your Inline Menu with Mhmm.

Menu Layout Module

Easily create & display a custom menu layout.  Perfect for showing custom mega menu.

Stop Stacking

Prevent Divi’s default stacking of Columns on Tablet & Mobile with the included “Stop Stacking” Module Plugin.

Create Mega Menus

Easily craft Mega Menus with Opt-ins, Blurbs & any Divi Module.

Padding & Margin Control

Control Horizontal Spacing for Inline Menus & Vertical Spacing for Hamburger Menus!

Submenu Options

Finally have control over your submenus font options, color, background color, submenu width, alignment and more!

Extra CSS Areas

For advanced CSS customizations, we’ve added additional CSS fields in the Module’s Advanced settings area.

Dropdown Menu Fix

In an update, we fixed the menu from flying off the end of the page by adding the CSS class “mhmm-right” to the parent menu item.

Change Header Color on Scroll

Learn how to change the background color of your Header on scroll using code with Mhmm.
Demo »
View Code »

Disable Sticky Menu for Tablet & Mobile

Learn how to disable Mhmm’s sticky menu for Tablet & Mobile.
View Code »

WooCommerce Cart Icon & Count

Add a WooCommerce cart icon in your menu by adding the CSS class “mhmm-cart” to that menu item. The cart count will be updated automatically.  =)

“Mhmm. changes the game. Being able to create custom Headers, Menus & Mega Menus is amazing. Being familiar with the Divi Builder, I can create my custom Header & Menu extremely fast. I also love that I can have a different Menu for a Landing Page.”

John Wooten

Web Designer

“I’ve built 100+ websites with Divi. I absolutely love the Divi Builder & the flexibility it offers. Now with Mhmm., I can take my site’s Header & Menu to the next level! With the ability to build the Header & Mega Menus with the Divi Builder, the options are truly endless.”

Jake Kramer

Web Designer

Incredible Support

Customers rave about Superfly’s support. If you have any troubles with Mhmm. Mighty Header & Menu Maker, our support team has your back.