Vacation Lite / Pro
Fix Mobile Menu
Max Mega Menu will inherit CSS from the theme, which stops the mobile menu from functioning correctly.
To stop this from happening, and to reveal the default Max Mega Menu mobile menu, copy the themes header.php to your Child Theme.
Take a backup of the header.php file and check (and double check) your changes before saving!
Find:
|
1 2 3 4 5 6 |
<div class="toggle"> <a class="toggleMenu" href="#"><?php _e('Menu','vacation-lite'); ?></a> </div> <div class="nav"> <?php wp_nav_menu( array('theme_location' => 'primary') ); ?> </div><!-- nav --><div class="clear"></div> |
Replace with:
|
1 2 3 |
<div class="nav-mmm"> <?php wp_nav_menu( array('theme_location' => 'primary') ); ?> </div><!-- nav --><div class="clear"></div> |
Next, go to Appearance > Customize > Addtional CSS and add the following:
|
1 2 3 4 5 6 7 8 |
.nav-mmm { float: right; } @media screen and (max-width:999px) { .nav-mmm { float: none; } } |