Hide bottom menu when mobile menu is open

  • Resolved gscottthoms

    (@gscottthoms)


    3 years, 6 months ago

    We have an sticky action bar/bottom menu that shows up on mobile view (separate from the footer). When we open the mobile menu the off canvas menu will show up behind this bar, and a few options can be cut off. I tried adding some code to my functions.php file by using the code snippets plugin, but it doesn’t seem to be working. If anyone has any advice I’d appreciate it!

    <?php

    function bottomMenuHide() {
?>
<script type="text/javascript">
jQuery(document).ready(function( $ ) {
	$("ul#mega-menu-primary-menu").on("mmm:showMobileMenu", function() {

		$('#bne-navbar').css('opacity','0');

	});
});
</script>
<?php
}

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi gscottthoms,

    When the mobile menu is open, a class is added to the body tag, so it’s possible to do this with a few lines of custom CSS:

    body.mega-menu-primary-menu-mobile-open #bne-navbar {
    display: none;
}

    Regards,
    Tom

    Thread Starter gscottthoms

    (@gscottthoms)

    Thanks, that worked perfectly

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hide bottom menu when mobile menu is open’ is closed to new replies.