Cabeceras fijas para plantillas de WordPress
En esta entrada vamos a ir insertando los código para crear cabeceras fijas para diferentes plantillas de WordPress. Si no encuentras la tuya dejala en comentarios y en cuanto nos sea posible añadiremos el código.
Cabecera fija para la versión gratis del tema Astra
Para crear la cabecera fija para la plantilla de Astra insertaremos el siguiente código en Apariencia/ personalizar/ css adicional.
Recuerda modificar los puntos de ruptura a dispositivos móviles en relación a los que tu tengas definidos.
/* Cabecera fija Astra*/
.main-header-bar {
position: fixed;
top: 0;
width: 100%;
z-index:100;
}
.site-content{
padding-top:75px;
}
@media screen and (max-width:800px){
.site-content{
padding-top:145px;
}
}
@media screen and (max-width:768px){
.site-content{
padding-top:110px;
}
}
Cabecera fija para la versión gratis del tema Generatepress
Para crear la cabecera fija para la plantilla de Generatepress insertaremos el siguiente código en Apariencia/ personalizar/ css adicional.
Recuerda modificar los puntos de ruptura a dispositivos móviles en relación a los que tu tengas definidos.
/* Cabecera fija Astra*/
.main-header-bar {
position: fixed;
top: 0;
width: 100%;
z-index:100;
}
.site-content{
padding-top:75px;
}
@media screen and (max-width:800px){
.site-content{
padding-top:145px;
}
}
@media screen and (max-width:768px){
.site-content{
padding-top:110px;
}
}
Cabecera fija para la versión gratis del tema Oceanwp
Para crear la cabecera fija para la plantilla de Ocean WP insertaremos el siguiente código en Apariencia/ personalizar/ css adicional.
Recuerda modificar los puntos de ruptura a dispositivos móviles en relación a los que tu tengas definidos.
#site-header{
position:fixed;
width:100%;
z-index:100;
}
Cabecera fija para la versión gratis del tema Storefront
Para crear la cabecera fija para la plantilla de Storefront insertaremos el siguiente código en Apariencia/ personalizar/ css adicional.
Recuerda modificar los puntos de ruptura a dispositivos móviles en relación a los que tu tengas definidos.
.site-header{
position:fixed;
width:100%;
z-index:100;
}
.site-content{
padding-top:230px;
}
@media screen and (max-width: 992px) {
.site-content{
padding-top:170px;
}
Cabecera fija para la versión gratis del tema Neve
Para crear la cabecera fija para la plantilla de Neve insertaremos el siguiente código en Apariencia/ personalizar/ css adicional.
.hfg_header{
position:fixed;
width:100%;
z-index:100;
}
¡Si, me interesa conseguir mi licencia de Elementor Pro!
