Avisos
Vaciar todo

[Resuelto] Cabecera Fija  

 
Juan Jose
 Juan Jose
Usuario experto

Buenas,

 

¿Cómo puedo poner mi cabecera fija?

 

Gracias

Contenido solo visible a usuarios registrados

Respondido : 11/11/2021 10:14 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Respondido : 11/11/2021 10:48 am

Cursos Gratuitos WordPress

Juan Jose
 Juan Jose
Usuario experto

Perfecto.

Por ahora funciona perfectamente

Gracias

Respondido : 11/11/2021 11:03 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hoa Juan jose.

Genial !!! Me alegar que lo solucionaras.

Cualquier consulta que tengas no dudes en comunicarlo.

 

Cerramos el tema.

Un saludo 

Respondido : 11/11/2021 11:11 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación