Limitar el ancho de la cabecera al ancho del contenido en Genesis Sample

Vamos a ver como limitar el ancho de la cabecera al ancho del contenido en Genesis Sample.

Al contrario que en versiones anteriores, la cabecera trae un ancho completo. Al contrario que el contenido que está limitado a 1140px.

Lo que haremos, con algo de código CSS, será limitar el ancho de la cabecera al mismo ancho del contenido.

El código

En el archivo styles.css buscaremos estas líneas de código, dentro de la media querie (min-with: 960px), cerca de la línea número 1440.

Este contenido está sólo disponible para los suscriptores.

Puedes identificarte aquí o bien registrate en este enlace.

Y las sustituiremos por estas:

Este contenido está sólo disponible para los suscriptores.

Puedes identificarte aquí o bien registrate en este enlace.

Conclusiones

Desde la versión 2.6.0, en Genesis Sample se ha dejado la cabecera con ancho total, algo que yo prefiero.

Pero en algunos casos, por diseño, necesitamos que ese ancho se equipare al del contenido.

Con este sencillo snippet de CSS lo hemos conseguido.

Si quieres proponer algún tutorial o tienes alguna pregunta sobre este, déjalo en los comentarios :).

Feliz Día!

El soporte en comentarios está sólo disponible para los suscriptores.

Puedes identificarte aquí o bien registrate en este enlace.

¿Olvidaste tu contraseña?