Dear community,

I'm very stuck with this and I appreciate any help.

I'm using Foundation 6 and Wordpress.
I have only one page and the menu is scroll section, but when I clicked some items (responsive version) the menu still is open

Thank you very much!

Here is my code:

<div class="off-canvas position-right" id="off-canvas" data-off-canvas>
   <ul id="menu-menu-principal" class="vertical menu" data-accordion-menu data-close-on-click-outside="true">
      <li id="menu-item-121" class="menu-item">
         <a href="#item1" data-ps2id-api="true">Item 1</a>
      </li>

....

   </ul>
</div>