menu dropdown foundation

[lamenenchu]

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> 

[CircuitoX]

Esto lo puedes de varias formas, mira este tema relacionado:

http://www.forosdelweb.com/f54/no-co...ashop-1157946/

[siddartha23]

Revisa los breakpoints de la hoja de estilos, fin.