Cabecera más ancha que contenido en GeneratePress

GeneratePress es un gran tema, ligero, económico y bien estructurado, pero todavía le faltan algunas funcionalidades a golpe de click.

GP Premium da la posibilidad de ajustar el ancho del contenido incluida su cabecera, pero cuando deseamos tener un ancho diferente entre el contenedor (ej: 800px) y la cabecera (ej: 1200px) la cosa se vuelve más compleja porque tendremos que estar ajustando distintas áreas de la página para conseguir el efecto deseado.

Por eso lo vamos hacer mediante código CSS, fácil y práctico:

header#masthead .inside-header.grid-container.grid-parent,
nav#secondary-navigation .inside-navigation.grid-container.grid-parent {
    max-width: 1200px;
}

Con este fragmento añadido al CSS adicional desde el personalizador, modificaremos el ancho de la cabecera sin necesidad de tener todo el contenido con el mismo tamaño.

Si tenemos activada la opción del menú fijo insertaremos el siguiente código:

nav#sticky-navigation .inside-navigation.grid-container.grid-parent {
    max-width: 1200px;
}

Con estos dos fragmentos ya habremos personalizado el tamaño de la cabecera/menú principal a 1200px, independientemente del resto del contenido.

Rate this post
guest
0 Comments
Inline Feedbacks
View all comments