Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #1235501

    Hello, i am looking to see if there is a way to close the full screen overlay menu when someone clicks anywhere on the overlay to close. We would still want to have the burger menu button to also close, but would also want the ability to click anywhere on the overlay to close since some people don’t instinctively look for the X to close.


    Hey Jason,

    Thank you for the inquiry.

    You can use this modified avia.js file or script to force the menu to close when you click anywhere in the overlay.


    We just added this block of code around line 1153:

    $('body').click(function (e) {
    			if ($('.av-hamburger, av-burger-menu-main, av-burger-menu-main a')) return;
    			burger = $(this).find('.av-hamburger'),
    				animating = true;
    			if (".is-active")) {
    				overlay.animate({ opacity: 0 }, function () {
    					overlay.css({ display: 'none' });
    					animating = false;

    Best regards,

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.