Menu icon Foundation
Responsive menu doesn't close after click (one page)

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>

foundation 6responsive menuvertical menu

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>
brother support 5 days ago

Need solution

Kevin Cameron 5 days ago

The same situation in my case.