SKT White
Step 1 -Mobile Menu
This step will explain how to restore the default Max Mega Menu mobile menu and fix some residual styling which is present within the mobile menu.
Copy the parent theme header.php file to your child theme.
In the child theme header.php file,
Find (~line 74):
|
1 2 3 4 |
<div class="toggle"> <a class="toggleMenu" href="#"><?php _e('Menu','skt-white'); ?></a> </div><!-- toggle --> <div class="nav"> |
Replace with:
|
1 |
<div> |
Step 2 – Menu Theme
The change made in step 1 will change the position of the desktop menu. To restore the original position of the menu:
Go to Mega Menu > Menu Themes. In the Custom Styling area:
Find and delete the following (if present):
|
1 2 3 |
#{$wrap} { clear: both; } |
Insert:
|
1 2 3 4 5 |
@include desktop { #{$wrap} { float: right; } } |
Full Width Mega Menus
If you are using mega sub menus and would like them to span the entire width of the header, go to Mega Menu > Menu Themes. In the Mega Menus section, set “Panel Width (Outer)” to:
.header-inner