[Resuelto] Cabecera Fija

Hola Juan Jose.

Veo que utilizas la plantilla Astra, La version pro de la plantilla ofrece de la posibilidad de poder dejar la cabecera fija:

-> https://wpastra.com/docs/sticky-header-pro/

De todas formas es posible que con un poco de CSS podamos conseguirlo:

.- Añade lo siguiente en Personalizar -> CSS Adicional:

/*Make Header Sticky*/
.site-header {
position: fixed;
top: 0;
width: 100%;
}

/*Adjust Content Padding*/
.site-content {
padding-top: 170px;
}

/*Adjust Content Padding for Mobile*/
@media (max-width: 800px) {
.site-content {
padding-top: 100px;
}
/*Stick the Off-Canvas Navigation Menu - Adjust Top Margin for your Layout*/
.main-navigation {
position: fixed;
margin-top: 0px;
}
}

/*Adjust Content Padding for Mobile*/
@media (max-width: 650px) {
.site-content {
padding-top: 150px;
}
/*Stick the Off-Canvas Navigation Menu - Adjust Top Margin for your Layout*/
.main-navigation {
position: fixed;
margin-top: 60px;
}
}

Revisa si con eso código se queda la cabecera fija y nos comentas:

Un saludo

Perfecto.

Por ahora funciona perfectamente

Gracias

Hoa Juan jose.

Genial !!! Me alegar que lo solucionaras.

Cualquier consulta que tengas no dudes en comunicarlo.

Cerramos el tema.

Un saludo