Under Appearance > Menus, tag your main menu to both the ‘Main Menu’ and ‘Main Menu – Mobile’ Location.
Enable Max Mega Menu for the Main Menu location (but not the ‘Main Menu – Mobile’ Location – we will let the theme manage the mobile menu).
Under Appearance > Theme Options > Header, set MAIN NAVIGATION POSITION to ‘Full Width – Left’.
Under Mega Menu > Menu Themes, apply the following settings (these are the important settings, others can be adjusted to your own requirements).
- Menu Background: Transparent
- Font: Black
- Menu Item Height: 50px
- Panel Width (outer): .large-12
- Responsive Breakpoint: 48em
After updating the theme settings, your menu should look something like this on desktop:
… and something like this on mobile (the default theme mobile menu):