Pregunta sobre Hestia de Wordpress:

Navegación de la barra de navegación del menú principal estático superpuesto

Un usuario preguntó 👇

La superposición de fondo de la navegación principal a veces se extiende en una barra de desplazamiento y mi logotipo se ve extraño. ¿Puedo hacer que la superposición permanezca en blanco y no se vuelva transparente como aparece en este sitio? http://ifund123.com/

(@emranemranx)

Hace 2 años, 7 meses

Hola Sgreenb7,

Su logotipo parece mostrarse perfectamente en una barra de desplazamiento:

http://prntscr.com/jb59k3

¡Gracias!

(@ sgreenb7)

Hace 2 años, 7 meses

Hey gracias por la ayuda.

Me refiero a esta situación que se ve aquí https://www.dropbox.com/s/vjs1uw9yau2jhcp/1st%20logo.JPG?dl=0

Ojalá el fondo permaneciera siempre blanco y no desapareciera.

(@ poonam9)

Hace 2 años, 7 meses

Hola @ sgreenb7,

Puede agregar el siguiente CSS personalizado a Apariencia -> Personalizar -> Sección CSS adicional para dejar el fondo de la barra de navegación en blanco.

.navbar.navbar-transparent {
    background-color: #fff;
}

(@ sgreenb7)

Hace 2 años, 7 meses

Hola, gracias que funcionó muy bien. ¿Me pueden ayudar a hacer lo mismo con los colores de las opciones en mi barra de navegación (inicio, aprox, contáctenos)? Como siempre lo hicimos en blanco, ahora no aparecen en la parte superior hasta que comienzas a desplazarte, ya que se supone que son blancos en la parte superior al principio y se desvanecen con el mismo efecto que la barra de navegación.

Lo que estoy diciendo es que solo mantengan el mismo color y no tengan ese efecto de desvanecimiento.

Estaríamos muy agradecidos, gracias Simon

(@terranchica)

Hace 2 años, 5 meses

Hola @ sgreenb7, veo que encontraste una manera de configurar los colores en el menú en la barra de navegación después de configurarlo en blanco. Siéntete libre de compartir cómo, ya que tengo el mismo problema.

TIA

(@ sgreenb7)

Hace 2 años, 5 meses

Hola @terrangirl,

Este es el código que tengo en mi CSS extra de personalización:

.navbar-brand > img{ 
max-height: 50px !important; 
}

.navbar.navbar-transparent {
    background-color: #fff;
}

.navbar.navbar-transparent .navbar-nav > .active > a {
    color: #555
}

Primera parte: ajusta el tamaño de la imagen del logo a 50px

Segunda parte: deja el fondo del menú de navegación en blanco

Tercera parte: ¿Qué estás buscando? El color de los elementos del menú controla cuando la barra de navegación está en la parte superior. Haga que sean del mismo color (# 555 en mi caso) que el código de color que tiene al desplazarse.

Avíseme si esto ayuda y si tiene otras preguntas.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

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