Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 4, 2021 at 1:24 pm #1270135
    otavioef

    Hi there. Hope you guys are fine!

    When using burger menu, on mobile, if you open the menu, touch the screen and swipe your finger up, 3 things happen:

    1) The X for closing the menu goes up and disappears off the screen.
    2) The page you’re on still scrolls on the background.
    3) The bottom of the menu (at the bottom of the screen) goes up, exposing the page content behind it. (When you remove your finger off the screen after swiping up, the menu becomes full height again). This 3rd behaviour only happens when you first swipe up your finger. If you swipe up, remove your finger and swipe up again it doesn’t happen.

    How can I get these 3 things fixed?

    website: https://amberyadvisors.com/

    Thank you.
    Cheers from Brazil :D

    January 5, 2021 at 1:49 pm #1270396
    Yigit

    Hey,

    Thanks! Hope you are fine too!

    Could you please try adding following code to bottom of Quick CSS in Enfold theme options > General Styling

    .responsive.av-burger-overlay-active {
    overflow-y: hidden;
}

    Please make sure to go to Enfold theme options > Performance settings and disable CSS merging option, save theme options and then enable it once again :)

    Best regards,
    Yigit

    January 5, 2021 at 4:03 pm #1270428
    otavioef

    Hey, Yigit. Thank you for the reply.

    It worked fine for issues 1 and 2, but not for 3.
    Any other solution?

    Thank you!

    January 7, 2021 at 7:38 am #1270796
    Ismael

    Hi,

    Glad to know that the initial fix is working. Could you provide a screenshot of the 3rd issue? Are you saying that the mobile menu container moves up when you swipe the screen up exposing the content in the bottom part? If that is the case, then this script might help.

    // prevent mobile menu swipe
function ava_script_mobile_menu_swipe() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', '
			(function($) {
				$('#av-burger-menu-ul').bind('touchstart touchend touchup', function(event) {
    event.stopPropagation();
});
			})(jQuery);
	');
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_script_mobile_menu_swipe', 9999);

    Best regards,
    Ismael

    January 10, 2021 at 6:53 pm #1271388
    otavioef

    Hi, Ismael, thank you for the reply. Yes, I think we are talking abou the same issue!

    Just to be sure, I’m sending a link with an image of what exactly happens on mobile menu when you open the menu and swipe up once (issue number 3 described above)
    menu

    I tried to use the code you provided above, but when I insert it on child functions php (via file manager), a red X shows up on this line:

    event.stopPropagation();

    saying: Syntax error, unexpected T_STRING, expecting ‘)’

    and after saving, the website went on fatal error. So I removed the code and saved again.

    I’m not a coder, I have no idea on how to get it fixed.

    Can you give a hand on solving this menu behavior?

    Thank you.
    Cheers from Brazil

    • This reply was modified 3 years, 10 months ago by otavioef.
    January 14, 2021 at 5:46 pm #1272485
    Ismael

    Hi,

    saying: Syntax error, unexpected T_STRING, expecting ‘)’

    Sorry about that. There is a minor syntax error in the snippet, but we corrected it just now. Please try to add the snippet again in the functions.php file.

    Is the navigation still working when this issue happens? Looks like it is not really that obtrusive or noticeable, and will probably not happen unless you intentionally try to reproduce it.

    Best regards,
    Ismael

    January 15, 2021 at 4:02 pm #1272761
    otavioef

    Hi, Ismael. Thank you for the reply.

    I tried the code again, but still get the same error.

    I even tried to check the code on https://phpcodechecker.com/ , it notices the issue but I’m not able to solve it.

    Can you check it again, please?

    Thank you!

    January 18, 2021 at 4:04 am #1273197
    Ismael

    Hi,

    No problem. Please post the login details in the private field so that we could test the script, and make sure that the Appearance > Editor panel is accessible so that we could edit the files properly.

    Best regards,
    Ismael

    January 21, 2021 at 2:15 am #1274251
    otavioef

    Hi, Ismael, how are you?

    Credentials are on the private content area.

    Thank you for the Help

    January 21, 2021 at 11:37 pm #1274547
    Ismael

    Hi,

    Thank you for the info.

    We edited the code a bit and it is now executing. Let us know if it actually prevents swiping of the mobile menu container. And as we have said above, the issue is not really easy to reproduce unless you are aware of it, or intentionally trigger it.

    Best regards,
    Ismael

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