Custom navigation on one-page website (mobile version) - Forum | JoomShaper
Solved Helix Framework

Custom navigation on one-page website (mobile version)

Asked by CMP LAB 4 years ago Last activity 4 years ago

Hello, i'm building an one page website using Helix Ultimate.

http://cantinamartinelli.cmplab.it/

Actually the off-canvas menu in mobile version covers the page

i would that user click on off canvas menu item and goes to the section

like this example: https://demo.joomshaper.com/2013/xeon/#sp-pricing-wrapper

otherwise, if it is not possible or too hard to do

it would be ok that off canvas menu disappears when user click on item

like this example

https://www.upstatelaundromat.com/

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
4 years ago · edited

Hi,

Sorry, but our Helix Ultimate mobile menu doesn't have such feature yet. I think you have to use different, alternative Mobile Menu for this purpose. Or Maybe you can hire freelancer to code customization. Sorry, but I cannot help more, I don't have "quick fix" out of the pocket.

I will add to wish list, but it won't be added as fast you may need.

3 more replies

Paul Frankowski Senior Staff

Thx for the link, I will send our developer as well.

Pavel

Hi Cristiano.
Add your own class to the menu item link in the menu item settings.

In following code replace your_own_link-className to your link class that you added in menu item settings and add this code in custom.js file (read Helix documentation about this file).

jQuery(function() {
    $('.your_own_link-className').bind('click', function() {
        $('.close-offcanvas').trigger('click');
    });
});
Log in to reply.