Pregunta sobre Customizr de Wordpress:

Cambiar el color de la barra de navegación

Un usuario preguntó 👇

Hola,

Siempre has sido genial ayudándote en el foro. Me preguntaba si es posible cambiar el color de la barra de navegación principal, sin cambiar el color de fondo del encabezado. ¿Tendría que poner una imagen de ancho completo en el contenedor del encabezado con la franja de color debajo de la navegación?

Estoy un poco perdido sobre cómo hacerlo y espero tener noticias tuyas.

(@emranemranx)

Hace 2 años, 10 meses

Hola Jeremy,

¿Le importaría publicar el enlace a su sitio en cuestión? Para que podamos ofrecerte una posible solución.

¡Gracias!

Lanzador de hilos

(@jeremyinetusa)

Hace 2 años, 10 meses

¡No hay problema!

https://sleek.yourprobatewebsite.com/

(@lewishashbrown)

Hace 2 años, 10 meses

Hola,

Lamento saltar a tu hilo, ¡pero pensé en intentarlo!

Ejemplo de un fondo rojo

Cómo hice lo que hice en la imagen de arriba en Google Chrome, haga clic derecho en el menú – explorar. Desplácese sobre el texto hasta que la barra de menú esté llena destacado

Una vez que haya encontrado la línea deseada, haga clic en ella y a la derecha verá un cuadro de estilos. en este caso, necesita el cuadro que comienza con «.regular-nav.nav__menu» mira aquí Luego agregué el color de fondo del texto: rojo Debería ver el menú y luego volverse rojo. Sin embargo, esto es solo para verte, nadie más ve esto.

Para hacerlo visible para otros, debe agregar CSS a su tema. Para hacer esta copia del texto completo de Stlye:

.regular-nav.nav__menu {margin: 0 -12.5px; color de fondo: # ff0c0c; }

vaya a personalizar su sitio web – opciones avanzadas – CSS adicional – pegar. Debería verse así seo
La prueba de color de fondo / * Menú * / es solo un título para que sepa que el código es para eso. Deberías cambiar tu tema.

Para entenderlo, vea más de estos videos.

Lo siento si esto no es lo que querías, pero intenta regresar ya que obtuve ayuda aquí.

Esta respuesta fue modificada hace 2 años, 10 meses por. Esta respuesta fue modificada hace 2 años, 10 meses por. Esta respuesta fue modificada hace 2 años, 10 meses por.

(@emranemranx)

Hace 2 años, 10 meses

Hola Jeremy,

Puede intentar agregar el siguiente código a su Panel de administración> Apariencia> Personalizar> Opciones avanzadas> Campo CSS adicional:

.primary-nav__container {
  background: red;
}

¡Gracias!

Lanzador de hilos

(@jeremyinetusa)

Hace 2 años, 10 meses

Después de jugar con el inspector y probar lo que se publicó aquí, noté que mi problema es que estaba tratando de hacer este ancho completo, y el contenedor de la carpeta no funciona con la navegación de ancho completo, pero la carpeta hace un Encabezado. Desafortunadamente, no pude averiguar cómo especificar el color de la carpeta y el contenedor de navegación para que funcionen en su ubicación estándar y el desplazamiento adhesivo del menú en el ancho de pantalla completa.

Creo que para poder hacer esto, tendría que hacer un nuevo contenedor para el encabezado o buscar en el código CSS que podría ser de ancho completo (como 100%).

Pero ustedes dos me ayudaron a descubrir cómo cambiar la barra de navegación dentro del margen. ¡Gracias!

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.