Hide mobile menu on phone and tablet in Divi

I’ve had several Divi WordPress sites now where the mobile menu (hamburger) was unwanted. The mobile menu is great to hide a complicated navigation structure but for a simple site it can be overkill.

By default the Divi menu component will collapse the menu into a mobile hamburger menu by default and there is no way to disable this functionality in the Divi builder.

A little CSS will solve the problem.

I discovered the solution here but will also put it below in case that site ever disappears.

1. Add a custom class to your Divi menu module: hide-mobile-menu
2. Add the following CSS to your Divi site (style.css or Divi options)

.hide-mobile-menu.et_pb_menu .et_pb_menu__menu,
.hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
  display: flex !important;
}
.hide-mobile-menu .et_mobile_nav_menu {
  display: none;
}