Offcanvas Menu Doesn't Close - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Offcanvas Menu Doesn't Close

B

Bernd

Helix Framework 3 years ago

Hi there,

the offcanvas menu remains visible, when a link is clicked. If the link is another page, it works. But if the link is an URL (in this case a section on the same page), it does not. Can anybody help?

Supplement: I have the same problem with other websites too.

Thanks in advance and best regards, Bernd

0
2 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #94977

Hi there!

Thanks for your query. Actually helix-ultimate isn't designed to create an one page template and that's why it'll not support the functionality of an one page template. Since what you are asking for is a functionality of an One page template that's the reason why the menu isn't closing.

So, i would suggest you to use any of our onepage templates to get all the facilities of an one page template.

Custom support is strictly prohibited in our support policy and i can't do anything which breaks the policy. But what i can do i can suggest you something. Please check this link https://www.joomshaper.com/forums/how-do-i-make-off-canvas-menu-close-on-one-page-website#reply-163585

Hope this will help you.

Best Regards

0
B
Bernd
Accepted Answer
2 years ago #95262

Hi Rashida,

thanks for your reply.

So now I tried this js-code in the main.js, as it was mentioned in the discussion you shared.

 var nav_collapse = $('.offcanvas-menu .menu');
    nav_collapse.click('li a', function(event) {
        event.preventDefault();
        $('.offcanvas-init').removeClass('offcanvas-active');
    });

It works to close the offcanvas-menu. But clicking on a link closes the menu but it does not jump to the section on the page.

Since the guys of Joomshaper unfortunately can not help, is there someone else who can do? My client is extremely demanding and cannot accept it if the issue is not solved.

If you take a look at the site, don't be surprised. I removed the code above temporarily, because it is a live site.

Thanks a lot in advance!

0