ReInSpirit

  • Contacto
  • Blog
  • Servicios
    • Alojamiento Web
    • Desarrollo y diseño web
  • Descuento E T
  • Sobre Nosotros

Como incluir un menú deslizante o flotante en Genesis

7 noviembre, 2014 por Pedro Mendez Deja un comentario

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

..Entradas Relacionadas

  • Como crear un Tema de WordPress desde una plantilla HTML
  • framework para wordpressQue 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

Publicado en: Genesis Etiquetado como: css, framework

Sobre el autor

Pedro Mendez. Webmaster apasionado de WordPress. Autodidacta empedernido buscando siempre nuevas fuentes de conocimientos.

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.


Descarga gratis la guía

guia 14 plugins

Política de privacidad


Más un correo a la semana con algún truco y consejo. ¿Te apuntas?

También con regalos y ofertas

icono Twittericono Facebookicono YouTube

Archivos

Categorías

  • Blogging (5)
  • Comercio Eléctronico (48)
  • Diseño (40)
  • Email Marketing (3)
  • Genesis (4)
  • Google (14)
  • herramientas (23)
  • hosting (8)
  • Marketing en Internet (13)
  • Prestashop (4)
  • Programación (4)
  • Redes Sociales (9)
  • SEO (24)
  • Sin categoría (22)
  • Trabajo (7)
  • Wordpress (511)

© Copyright 2021 ReInSpirit.com · Todos los derechos reservados ·Aviso legal·Política de Privacidad·Dos Hermanas (Sevilla)