This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Tagged: 

Responsive side-nav: Hide after clicking menu item

  • Creator
    Topic
  • May 26, 2016 at 8:16 pm #26143
    etnikk
    Member

    How/where can I call for the responsive side-menu to hide once you click a menu item on a single page site.
    Currently, you have to click out of it after the page finishes scrolling to the selected section.

    http://s33.postimg.org/xrl8l6ab3/Untitled.png

    • This topic was modified 6 years, 10 months ago by etnikk.
  • Creator
    Topic
Viewing 4 replies - 1 through 4 (of 4 total)
  • Author
    Replies
  • May 26, 2016 at 8:52 pm #26145
    Jason Bobich
    Keymaster

    Hi,

    Can you tell me more about how you have implemented this customization? Did you use the tutorial on our dev site? Maybe you could post a link to your site?

    May 27, 2016 at 5:19 pm #26159
    etnikk
    Member

    The responsive menu is the normal one provided by the theme.
    We made the menu anchor-links to different sections of the homepage.
    Normally, it would take you to a different page and refresh the page. Here, it scrolls you to a different section on the same page, but the menu still stays active. Is there a native function call to close the menu?

    Exaxmple: explorify3d.com

    May 27, 2016 at 8:52 pm #26161
    Jason Bobich
    Keymaster

    So there’s no feature in the theme for what you’re wanting to do and would only be possible through your own javascript customizations. Look at /assets/js/theme.js of the theme, lines 118-169. You’d have to come up with javascript that performs this action, which is triggered upon clicking the menu items.

    But with that said, you may want to wait until the next version of Denali comes out, v1.1. I’ve simplified this immensely. After the next update you’ll simply need to target the <body> with your javascript and toggle between the CSS classes mobile-menu-right-on and mobile-menu-right-off.

    June 1, 2016 at 7:17 pm #26183
    etnikk
    Member

    Perfect, thank you.

  • Author
    Replies
Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.