Cabeceras fijas para plantillas de wordpress

Cabeceras fijas para plantillas de WordPress

Share on facebook
Facebook
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on 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
Share on facebook
Facebook
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on twitter
Twitter
Añadir Degradados y imágenes a los textos con Elementor

Añadir degradados y imágenes en los textos con Elementor

Aprende a dar un toque personal y exclusivo a tus diseños. En este post te explicamos cómo añadir degradados y imágenes en los textos con Elementor. Índice de contenidos Arrancaremos este tutorial explicando cómo personalizar tus textos con la versión Pro de Elementor. Si no

Cómo crear una conexión FTP

Cómo crear una conexión FTP con tu servidor

Share on facebook Facebook Share on linkedin LinkedIn Share on whatsapp WhatsApp Share on twitter Twitter Índice de contenidos Qué es FTP FTP o protocolo de transferencia de archivos utiliza el acrónimo de las siglas extraídas del inglés File Transfer Protocol. Se trata de un

Suscríbete a nuestro blog

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í.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

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