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
Cómo crear perfiles de usuariosen Wordpress

Cómo crear perfiles de usuarios en WordPress

Share on facebook Facebook Share on linkedin LinkedIn Share on whatsapp WhatsApp Share on twitter Twitter Una de las situaciones más comunes en las que nos podemos encontrar teniendo una página web es que la gestión de ella misma sea llevada por un grupo de

Cómo crear un formulario multipasos con Elementor

Cómo crear un formulario multipasos con Elementor y Piotnet

¿Tiene formularios largos en su sitio web? ¿Tu analitycs marca visitas en las páginas de formularios y no recibes conversiones?. Los formularios largos desalentan a los usuarios y aumentan el porcentaje de abandono. La alternativa pasa por segmentar los campos del formularios en varias páginas.

Como crear una web para inmobiliaria con wordpress

Cómo crear una web para inmobiliarias con WordPress

Share on facebook Facebook Share on linkedin LinkedIn Share on whatsapp WhatsApp Share on twitter Twitter Si estas buscando cómo crear una web para inmobiliarias con WordPress en este post te vamos a explicar como llevarlo a cabo con el plugin Estatik. ¿Por qué con

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