Visia
Step 1
From your WordPress Dashboard, go to Appearance > Editor. Select menu.php on the right.
Find:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!-- Mobile Nav Button --> <button type="button" class="nav-button" data-toggle="collapse" data-target=".nav-content"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- Navigation Links --> <div class="navigation"> <div class="nav-content"> <?php $t->menu->show("main"); ?> </div> </div> |
Replace with:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<?php if (function_exists( 'max_mega_menu_is_enabled') && max_mega_menu_is_enabled('main') ) : ?> <?php wp_nav_menu(array('theme_location' => 'main')); ?> <?php else: ?> <!-- Mobile Nav Button --> <button type="button" class="nav-button" data-toggle="collapse" data-target=".nav-content"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- Navigation Links --> <div class="navigation"> <div class="nav-content"> <?php $t->menu->show("main"); ?> </div> </div> <?php endif; ?> |
Step 2
Go to Mega Menu > Menu Themes and select your active menu theme.
Set the “Panel Width” setting to: .content
Replace the contents of the Custom Styling section with:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
@media only screen and (min-width : $responsive_breakpoint) { #{$wrap} { margin-right: 5%; float: right; } } @media only screen and (max-width : $responsive_breakpoint) { #{$wrap} { clear: both; margin-top: 20px; } } |