Construction
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):
1 2 3 4 5 6 |
<nav id="site-navigation" class="main-navigation" role="navigation"> <div id="nav-toggle"><i class="fa fa-bars"></i></div> <ul class="wpc-menu"> <?php wp_nav_menu( array('theme_location' => 'primary', 'container' => '', 'items_wrap' => '%3$s' ) ); ?> </ul> </nav><!-- #site-navigation --> |
Replace with:
1 2 3 |
<nav id="site-navigation" role="navigation"> <?php wp_nav_menu( array('theme_location' => 'primary', 'container' => '', 'items_wrap' => '%3$s' ) ); ?> </nav><!-- #site-navigation --> |
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:
1 2 3 4 5 |
@media screen and (max-width: 1100px) { .site-header .header-right-wrap { margin-top: 50px; } } |
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:
1 |
.container |