Pregunta sobre Primer de Wordpress:

Ajustar la altura de la barra de menú de navegación

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

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *