Cabeceras fijas para plantillas de wordpress

Cabeceras fijas para plantillas de WordPress

Compartir en facebook
Facebook
Compartir en linkedin
LinkedIn
Compartir en whatsapp
WhatsApp
Compartir en twitter
Twitter

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

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;
}

¿Tienes interés en que creemos un tutorial sobre algún tema específico de Elementor? Dejalo en comentarios, prometemos responderte.

Compártenos en tu red social favorita
Compartir en facebook
Facebook
Compartir en linkedin
LinkedIn
Compartir en whatsapp
WhatsApp
Compartir en twitter
Twitter

Deja un comentario

Tu dirección de correo electrónico no será publicada.

He leido y acepto nuestra política de privacidad. *

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.
Ir arriba