Hay muchas maneras de hacer que nuestro menú disponga de una navegación deslizante, flotante, pegajoso o como se quiera mencionar. Esto quiere decir que el menú de la parte superior de nuestro sitio web se desliza hacia debajo mientras el usuario hace scroll en la página, lo que facilita la usabilidad y mejora la navegación por las distintas secciones del sitio web.
La forma más sencilla es utilizar código CSS puro. También se puede instalar un plugin o utilizar una combinación de CSS, PHP y Javascript.
En este breve tutorial, te voy a mostrar un código CSS para hacer un menú de navegación deslizante en el framework de Genesis.
Eso si, tendrás que cambiar la clases del menú de navegación en función del tema que estés usando.
Nota: Todo el código CSS debe ser pegado al final de la hoja de estilos de tu tema hijo para no perder el diseño cuando actualizamos el tema padre de Genesis. Yo personalmente he incluido el código en las lineas donde pone «Site Navigation» para tenerlo todo mas recogido.
Menú deslizante en Genesis
Este código hará que tu menú de navegación génesis sea deslizante o pegajoso
Gracias a Brad D. por la creación de este código
Como crear un Tema de WordPress desde una plantilla HTML
Que es un Framework para WordPress y que ventajas tiene
Como Cambiar el Color de los Botones en WooCommerce
6 plugins para el diseño y desarrollo del Framework de Genesis
5 plugins editores de CSS gratis para la edición en vivo en WordPress
Deja una respuesta