Mobile anchors inside a page do not work

Hello,

The links and smooth scrolling does work. The issue is that the mobile menu stays opened when you click the links and it basically hides the actual page content.

You need to add an extra js script in your theme template. Can you do this?

You can see the link below for info on where to place the script. The js you need to add is this:

<script>
(function($){
    $(window).on("load",function(){
        $(document).on("click",".elementor-nav-menu .menu-item ._mPS2id-h",function(){
            $(".bficonfontmobilemenu-close").parent("a").trigger("click");
        });
    });
})(jQuery);
</script>

This will close automatically the mobile menu when you click the links.

Let me know if you need more help on where to add the javascript or need the PHP code to add it to your theme/child-theme functions.php.

Hello. Wonderful, this worked in the function.php.

function wpb_hook_javascript() {
?>
<script>
// your Script
</script>
<?php
}
add_action('wp_head', 'wpb_hook_javascript');

Thanks a lot for the quick help.

Awesome! You’re welcome and thanks for the feedback ??

• This reply was modified 1 year, 4 months ago by malihu.