Saltar al contenido

Fixed Menu

¿Quieres tener un Menú FIJO en la parte superior de la pantalla en tu Orbital Theme? ¡sin problemas! vamos al lío

Te recuerdo que sólo estará para la versión de escritorio, (en pantallas grandes de ordenador) ya que en formato móvil ¡¡¡hay que usar sí o sí el Orbital Menu!!!

Crear Menu Fijo “Stiky” en Orbital Theme

Código CSS

¡Tan fácil como copiar y pegar! en el apartado de apariencia >> personalizar >> CSS adicional

@media (min-width: 1040px){
.site-header {
position: sticky;
top: 0;
z-index: 999;
}
}

Elegir color

    Personalizar menú sticky

    Puedes añadir las siguientes propiedades para personalizar un poco más la barra de tu menú

    .site-header {
    border-bottom: double/*Elegir estilo*/ 4px/*elegir grosor*/ #dab100;/*elegir color*/
    }

    Tipos de estilos de bordes:

    dotted - Defines a dotted border
    dashed - Defines a dashed border
    solid - Defines a solid border
    double - Defines a double border
    groove - Defines a 3D grooved border. The effect depends on the border-color value
    ridge - Defines a 3D ridged border. The effect depends on the border-color value
    inset - Defines a 3D inset border. The effect depends on the border-color value
    outset - Defines a 3D outset border. The effect depends on the border-color value
    none - Defines no border
    hidden - Defines a hidden border

    • Optimizado para Gutenberg
    • Soporte ilimitado
    • Monetiza tu WEB
    • Mejora los Rankings en Google
    • Actualizaciones de por vida

    Últimas Novedades de nuestro Blog

    Mira los artículos de nuestro Blog con los mejores consejos tras la experiencia de uso del Tema Orbital enfocado a SEO y posicionamiento.

    Página creada por FernanTEC - ¿Quieres saber más?