Onepage - Hide Offcanvas After Click On Anchor Link
Stephan
Hello all, we have created a OnePage with Helix Ultimate and PB. offcanvas works so far, only it is not hidden after clicking on an anchor link. In your archive we found the following:
// Offcanvas hack for one page website
var nav_collapse = $('.offcanvas-menu .menu');
nav_collapse.click('li a', function(event) {
event.preventDefault();
$('.offcanvas-init').removeClass('offcanvas-active');
});We have inserted the code at the end of main.js . Afterwards, offcanvas is closed, but the anchor link does not work anymore.
Do you have any advice, thanks in advance and greetings Stephan
Stephan
Accepted AnswerHi Rashida,
thank you very much for the quick reply.
For us, the single line at the end of main.js now works:
jQuery('.offcanvas-menu .menu').click(function(){jQuery('.close-offcanvas').trigger('click')});
Many greetings Stephan
Rashida Rahman
Accepted AnswerHi there!
Thnaks for your query.
As you can understand the Helix Ultimate Template is not made with onepage facility, so it happens. And customization support is prohibited here.
However, have you tried every part of the last comment at the end, please?
Best Regards
Pavel
Accepted Answer...end of main.js...
Hi Stephan. After updating the template, you will lose this in main.js. Therefore, create custom.js file and place the code there.