Aprende en este tutorial cómo limitar la anchura de la cabecera de Genesis Sample mediante código.
La cabecera de Genesis Sample, por defecto, ocupa todo el ancho de la pantalla. Es decir, que el logotipo ocupará siempre la esquina izquierda y el menú la esquina derecha.
Un suscriptor me comentó que le gustaría poder fijar un límite a la anchura, para que en pantallas de mayor resolución los elementos de la cabecera quedarán centrados.
¿A ti también te interesa?
Pues aquí tienes los pasas para conseguirlo en Genesis Sample (≥ 3.0):
Snippet para limitar el ancho de la cabecera en Genesis Sample
Añade este código al final del fichero style.css:
Para ver este código y los otros 1869 snippets de esta web,
identifícate o suscríbete aquí.
Con este simple cambio limitas el ancho de la cabecera a 1200px, pero puedes ajustarlo a tus preferencias.
También eliminas las sombra (box-shadow) para que toda cabecera tenga un color uniforme.
Conclusiones
Ahora ya sabes cómo limitar el ancho de la cabecera de Genesis Sample con un sencillo snippet.
¿Alguna duda? Te leo en los comentarios.
Y si quieres darme una sugerencia para próximos tutoriales, déjamela en el formulario de contacto. Ventajas de ser suscriptor. 😉
