Hola @juansaez10
Ya has podido solucionar el problema, ¿verdad?
¡Hola! Tengo entendido que es un comportamiento clásico de Astra gratuito cuando se combina con cabeceras transparentes. Pero para poder darle un color de fondo sólido a los submenús de las páginas internas sin alterar la cabecera de la página de inicio, puedes forzarlo por CSS adicional pegando este código:
CSS
.ast-builder-menu-1 .sub-menu,
.main-header-menu .sub-menu {
background-color: #ffffff !important; /* Cambia por el color de fondo que desees */
}
.main-header-menu .sub-menu a {
color: #222222 !important; /* Color del texto del submenú */
}
Modifica los códigos de color (#ffffff para el fondo y #222222 para el texto) según la paleta de tu web, haz clic en Publicar y ¡listo! Con eso quedará solucionado en todas las páginas. Saludos
¡Hola!
Además de la solución mediante CSS, también revisaría la configuración propia de Astra, ya que al utilizar una cabecera transparente el tema puede aplicar estilos diferentes dependiendo de la página donde se encuentre el usuario.
Puedes comprobarlo desde Apariencia → Personalizar → Cabecera → Menú principal y revisar las opciones relacionadas con el submenú. Si Astra no permite modificarlo desde ahí, el CSS adicional es la mejor alternativa.
Otra recomendación es aplicar el cambio únicamente al submenú y no a toda la cabecera, para evitar que el diseño transparente de la página principal se vea afectado.
Después de guardar los cambios, recuerda limpiar la caché del sitio y del navegador para comprobar el resultado correctamente.
¡Espero que te sirva de ayuda!
Saludos.
