Menu icon Foundation
Serious menu issue

Hi:

I'm using Foundation 6.2.0 and have implemented a responsive horizontal drop down menu on large screens and dropdown on everything else.  Everything works as advertised, but one BIG issue which I just noticed.

<ul id="main-menu" class="vertical menu large-horizontal" data-responsive-menu="accordion large-dropdown" data-auto-height="true" data-animate-height="true">
  <li>
    <a href="#">Item 1</a>
 </li>
  <li>
    <a href="#">Item 2</a>
    <ul class="vertical menu">
      <li><a href="#">Item 2A</a></li>
      <li><a href="#">Item 2B</a></li>
    </ul>
  </li>
  <li><a href="#">Item 3</a></li>
  <li><a href="#">Item 4</a></li>
  <li><a href="#">Item 5</a></li>
</ul>

on mobile when you click Item 2 it does not load the page for Item 2 it only performs the expansion, which is great, but not helpful.

Am I missing something here? 

you can try it here https://class1enterprises.com/index.php

One additional question, can one mix the css for F6.2.0 with js for F6.5.1?  I want to take advantage of responsive tab to accordion, but really like 6.2.0

Thank you so much for your feedback.

kp

 

menuresponsive menuresponsive tabsfoundation version

Hi:

I'm using Foundation 6.2.0 and have implemented a responsive horizontal drop down menu on large screens and dropdown on everything else.  Everything works as advertised, but one BIG issue which I just noticed.

<ul id="main-menu" class="vertical menu large-horizontal" data-responsive-menu="accordion large-dropdown" data-auto-height="true" data-animate-height="true">
  <li>
    <a href="#">Item 1</a>
 </li>
  <li>
    <a href="#">Item 2</a>
    <ul class="vertical menu">
      <li><a href="#">Item 2A</a></li>
      <li><a href="#">Item 2B</a></li>
    </ul>
  </li>
  <li><a href="#">Item 3</a></li>
  <li><a href="#">Item 4</a></li>
  <li><a href="#">Item 5</a></li>
</ul>

on mobile when you click Item 2 it does not load the page for Item 2 it only performs the expansion, which is great, but not helpful.

Am I missing something here? 

you can try it here https://class1enterprises.com/index.php

One additional question, can one mix the css for F6.2.0 with js for F6.5.1?  I want to take advantage of responsive tab to accordion, but really like 6.2.0

Thank you so much for your feedback.

kp