Avisos
Vaciar todo
Administración WordPress
6
Respuestas
2
Usuarios
0
Reactions
14
Visitas
Topic starter
¡Buenos días!
Mi menú secundario de navegación, al desplazarme hacia abajo en cualquier página, cambia de color y pasa de negro a blanco.
Me gustaría que se mantuviera negro pero no encuentro la opción de cambiar esto en el personalizador de temas.
¿Me podéis ayudar?
Contenido solo visible a usuarios registrados
Respondido : 29/08/2022 10:48 am
Hola María,
En este caso entiende te refieres a los items del submenu de tu sitio web, lo que veo es que se añade una opacidad a los enlaces.
Para modificarlo verifica si con el siguiente código CSS puedes configurar lo que necesitas
.et_mobile_menu li a:hover, .nav ul li a:hover {
opacity: .9;
}
Un Saludo
Respondido : 29/08/2022 12:26 pm
Topic starter
@karen me refiero al menú que queda arriba del todo (en el que sale el teléfono, el email, carrito y mi cuenta), este:
Aquí si estoy en la parte superior de la página sale en negro, que es el color que quiero:
Y si me desplazo un poco hacia abajo se convierte a blanco, así:
Por otro lado estoy poniendo un css en la versión móvil de ese menú para que salga el carrito y mi cuenta que he encontrado en internet.
He conseguido que en el móvil se vea en 2 líneas, pero en la tablet se queda muy arriba, se ve así:
¿Se podría poner en la misma línea o seguido del email?
El css que he utilizado es:
@media (max-width: 980px) {
#et-secondary-menu, #et-secondary-nav {
display: inline
!important;
overflow: visible;
}
#top-header .et-cart-info {
}
#top-header .et-social-icons {
display: none;
}
}
@media (max-width: 980px){
#top-header .et-social-icons {
padding-top: 11px;
}}
Respondido : 29/08/2022 1:13 pm
Hola Maria,
Entiendo, en este caso para asignar el color de fondo a top bar fijo prueba el siguiente código CSS
.et-fixed-header#top-header, .et-fixed-header#top-header #et-secondary-nav li ul {
background-color: #000000;
}
Sobre la opción del espacio para tablet prueba el siguiente código CSS
@media (max-width: 980px){
#et-secondary-menu, #et-secondary-nav {
display: inline !important;
overflow: visible;
padding-top: 0.75em;
}
}
Si continúas con problemas para este último abre un nuevo tema para ello de esta forma podemos revisarlo con mayor detalle.
Un Saludo
Respondido : 29/08/2022 2:28 pm
Hola Maria,
Enhorabuena ha funcionado como deseabas, es un placer siempre poder ayudarte
Escríbenos si tienes cualquier otra consulta.
Un saludo 😊
Respondido : 29/08/2022 3:45 pm
