Menú desplegable en móvil
móvil | CSS | menú | desplegable
Daniel
Última actualización hace 3 años
En este artículo te enseñaremos cómo modificar el menú de hamburguesa que viene por defecto en vista de móvil. En concreto para hacer que los enlaces del menú se desplieguen de arriba a abajo:
- En el menú desplegable los elementos se alinearán a la izquierda
- La cabecera quedará fija aunque nos desplacemos por la página
- Añadiremos unas líneas entre cada elemento del menú
- En la cabecera, tanto cerrada como con el menú abierto, agregamos una ligera sombra
Aquí puedes ver el antes y el después:
Lo único que tenemos que hacer es agregar el siguiente código CSS en Ajustes de página>Código personalizado>Código global personalizado>CSS personalizado. Dentro del código tienes más instrucciones:
Aquí abajo puedes ver el resultado final.
Este es enlace del sitio web real que hemos modificado:
