Un usuario pregunt贸 馃憞
Estoy usando un tema de imprimaci贸n. 驴Puedo ajustar la altura de la barra de navegaci贸n? 驴Se puede ajustar tambi茅n la barra de t铆tulo de la p谩gina? y agregar un fondo diferente a la barra de t铆tulo?
(@ eherman24)
Hace 3 a帽os, 1 mes
Hola @ sunilsah123,
No proporcion贸 un enlace a su sitio, pero al salir de un sitio de prueba que configur茅, responder茅 sus preguntas en orden.
1) S铆, puede ajustar la altura de la barra de navegaci贸n utilizando el siguiente CSS:
.main-navigation-container {
height: 75px;
}
Pero recuerde que debe ajustar la altura de navegaci贸n en ciertos puntos de descanso para dispositivos m贸viles. Y es posible que deba ajustar la SEC para que los elementos secundarios tengan en cuenta las nuevas alturas.
Alternativamente, para que no necesite modificar los elementos secundarios despu茅s de codificar un valor de altura de navegaci贸n, puede modificar el panel de elementos de anclaje del men煤:
.main-navigation a {
padding: 2rem 1rem
}
Nota: El primer valor (2rem) es el pad superior / inferior.
2) Tambi茅n puede modificar la altura del t铆tulo de la p谩gina rellenando el h2
elemento con la clase .page-title
, dentro de .page-title-container
elemento.
.page-title {
padding: 5% 1rem;
}
Nota: El primer valor (5%) es la almohadilla superior / inferior.
3) Puedes modificar el CSS del elemento. .page-title-container
para ajustar su color de fondo.
#page > .page-title-container {
background-color: #66c8ff;
}
Evan
驴Solucion贸 tu problema??
0 / 0