¿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
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 borderdashed
- Defines a dashed bordersolid
- Defines a solid borderdouble
- Defines a double bordergroove
- Defines a 3D grooved border. The effect depends on the border-color valueridge
- Defines a 3D ridged border. The effect depends on the border-color valueinset
- Defines a 3D inset border. The effect depends on the border-color valueoutset
- Defines a 3D outset border. The effect depends on the border-color valuenone
- Defines no borderhidden
- Defines a hidden border