Buenas a todos.
Resulta que estoy utilizando el framework de foundation para maquetar una página. Al hacerlo de esta manera, el menú se convierte en 'menu hamburguesa', en resoluciones de página menores a 640px. El caso es que me interesaría cambiarlo a 768px, pero claro como me está cogiendo las clases y funcionalidades de foundation, no sé muy bien donde cambiar ese parámetro.
Código HTML:
<nav>
<div class="title-bar" data-responsive-toggle="top-menu" data-hide-for="medium" data-options="is_hover: false">
<button class="menu-icon" type="button" data-toggle></button>
<div class="title-bar-title"></div>
</div>
<div id="top-menu">
<ul class="menu dropdown" data-dropdown-menu>
<li>
<a href="#" data-dropdown-menu class="expanded align-right vertical">Productos</a>
<ul class="submenu">
<li>
<a href="#">submenu1</a>
</li>
<li>
<a href="#">submenu2</a>
</li>
</ul>
</li>
<li>
<a href="#">menu3</a>
</li>
<li>
<a href="#">Preguntas frecuentes</a>
</li>
</ul>
</div>
</nav>