Fix Mobile Menu

Copy the theme header.php (wp-content/themes/construction/header.php) file to your child theme.

If you do not have a child theme set up, you can edit the parent theme header.php file instead, but note you will lose your changes if the theme gets updated.

In the header.php file, find (~line 86):

Replace with:

Save the file.

You should now see the default Max Mega Menu mobile menu on smaller screens.

To increase the gap between the logo and the menu, go to Theme Options > Custom CSS and paste in the following:

Full Width Sub Menus

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

Related Articles