Enfold

Restore default admin menu behaviour

Enfold includes it’s own Mega Menu functionality which stops the blue “Mega Menu” button from being able to be clicked on the Appearance > Menus page.

To fix this, go to Appearance > Editor and select “functions.php” on the right. Add this to the bottom of the file:

Position the desktop menu

When you enable Max Mega Menu the menu will be positioned right at the top of the page.

Under Mega Menu > Menu Themes, use the Menu Padding and Menu Height options to reposition the menu (add Top padding to move the menu down).

Position the mobile menu

By default the mobile menu will be positioned in the top right corner of the page. To push the mobile menu down onto a new line, go to Enfold > General Styling > Quick CSS and enter the following:

Hide the Enfold Mobile Menu button

Go to Appearance > Editor and select “functions.php” on the right. Add this to the bottom of the file:

Full width sub menus

To make the mega sub menus span the entire width of the page, go to Mega Menu > Menu Themes and set the Panel Width (Outer) to:

.container

Remove search icon

Under Enfold > Header > Extra Elements, uncheck “Append search icon to main menu”. You can replace this using the Max Mega Menu search option.

Displaying a custom mega menu using the Enfold Layout Editor

To display a Mega Menu using the Enfold layout editor, first add a “Grid Row” block to the layout. Then place a “Code” block inside the “Grid Row” block. Edit the Code block and paste in a menu shortcode (found under Mega Menu > Menu Locations).

Related Articles