Hide aside menu with anchors on click

Hi,

the aside menu in mobile devices doens't hide when you click on a menu option. In the demo the aside menu disappears beause it links to another page but it remains if the menu link is an anchor in the same page.

is there any onClick javascript-thing or something to make this menu useful with anchors?

Thanks!

Could you please post an url to your site?

Can I send it to you by pm?

client doens't want to publish till it is finished.

Please send me a PM with:
1. URL to your website
2. if required - login and password of user with login privileges (please create one for me)
3. link to this thread

Hi Cyberek,

I've sent the pm a week ago but i don't know if you recieve any of them (2 different posts )

I have checked your site and it doesn't have any local anchor element types.
I need a sample element to check if that is easily possible to fix.

Hi,

menu anchors are linked to sections like <section id="carta"> or <section id="tu-vino">. I works with the top menu and with the aside menu on mobile devices. The thing is that aside menu doesn't hide once you click a menu option.

Yeah, I know, but your menu currently doesn't have such items, or am I wrong?

Sorry, please try again.

It was set only in spanish, now it is in both languages.

Please resend me login credentials. We have some issue with pms and previous information is gone.

Sent.

Please confirm that you received the pm. I know there have been problems with pms.

Thank you again.

I got the PM.
As this is not an easy thing to do and require some coding I'll report the issue to our dev team. As soon as I'll get an answer I'll write back.

Ok, thank you very much. I'll be waiting distracting my client with other things

Ok. I hope the change will be available with next template update but I can't guarantee that.

Is there an estimated time for next update? or any clue to fixed this now?

Sorry, no . Its added as an improvement to be included but no release date .

OK Hope i get better luck with the other post... don't forget it!

I did't. It requires dev team checkout. Waiting for reply from them.

So we have a fix:
Please edit file /templates/gk_steakhouse/js/gk.menu.js and fid this part:

Code: Select all

    // Aside menu
    if(jQuery('#aside-menu').length > 0) {
        var staticToggler = jQuery('#static-aside-menu-toggler');
       
        staticToggler.click(function() {
            gkOpenAsideMenu();
        });
       
        jQuery('#close-menu').click( function() {
            jQuery('#close-menu').toggleClass('menu-open');
            jQuery('#gkBg').toggleClass('menu-open');
            jQuery('#aside-menu').toggleClass('menu-open'); /* HERE */
        });
    }
    // detect android browser


Now modify it to look this way:

Code: Select all

    // Aside menu
    if(jQuery('#aside-menu').length > 0) {
        var staticToggler = jQuery('#static-aside-menu-toggler');
       
        staticToggler.click(function() {
            gkOpenAsideMenu();
        });
       
        jQuery('#close-menu').click( function() {
            jQuery('#close-menu').toggleClass('menu-open');
            jQuery('#gkBg').toggleClass('menu-open');
            jQuery('#aside-menu').toggleClass('menu-open'); /* HERE */
        });
       
        jQuery('#aside-menu').find('a[href^="#"]').click(function() {
           jQuery('#close-menu').trigger('click');
        });
    }
    // detect android browser


Fix to the template will be released with next template update.

Great! Thx very much Cyberek!

Is the code working as expected?

Works perfect... try it yourself!

Ok. Thanks for the info
Please let me know if you would have any additional questions regarding this topic.

Nothing else. Everything is right and beautiful and happy

Nice and shining
Remember after finishing the site to show it off on our "members sites" subforum