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.
Índice de contenidos
Cabecera fija para la versión gratis del tema Astra
/* 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;
}
