Custom Navigation On One-page Website (mobile Version) - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Custom Navigation On One-page Website (mobile Version)

CMP LAB

CMP LAB

Helix Framework 3 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/

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #46738

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.

0
CMP LAB
CMP LAB
Accepted Answer
3 years ago #46744

Ok i understand it could be an useful feature i'll try following this https://codepen.io/imprfcto/pen/WNNpBLp thanks anyway

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #46749

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

0
Pavel
Pavel
Accepted Answer
3 years ago #46750

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');
    });
});
0