Buenas tardes:
En mi web tengo un menú creado con Megameú.
Resulta que tengo dos inconvenientes que no soy capaz de solucionar, en la versión móvil, con la opciones que me plantea megamenú (no sé muy bien por qué). Son cosas senciallas que debería poder gestionar desde las opciones de megamenú pero que, no sé por qué, no responde a a los cambios.
La primera opcion sería situar el menú centrado (ahora en la versión móvil me sale a la derecha) y la segnda sería que cuando "paso por encima" de las cinco secciones principales en las que se divide el submenu (Información General, Docencia, Cominicaciòn, Familias y Documentación) el color cambia a blanco, cosa que impide que se vea bien el texto por el color de fondo. La idea es cambiar ese blanco por el color que uso como principal en la web.
Un saludo y gracias anticipadas por vuestra ayuda
URL del sitio: Contenido solo visible a usuarios registrados
Hola
Con respecto al menú centrado en móviles, prueba con el siguiente código CSS:
@media (max-width:1000px){ .main-navigation{ max-width:100%; width:100%; } }
Puedes agregar este código al final del archivo style.css de tu theme.
Saludos.
ok, me lo apunto. Y para el otro tema que te preguntaba? el del color blanco ?
Un saludo y gracias anticipadas por vuestra ayuda
Hola,
Es posible que nos envíes una captura del cambio que necesitas y el color exacto en hexadecimal para poder revisarlo?
Hola
Prueba con el siguiente código CSS, puedes agregar este código al final del archivo style.css de tu theme o de tu child theme.
.main-navigation ul ul li > a:hover{ color:#662020!important; }
Saludos.
Genial la solución para el color del hoover en el menú.
Una cosa más. Cuando veo el menú (submenú, las cinco grandes categorías) en desktop veo las letras en color negro (antes de hover) y luego en el granate de la página (perfecto). Sin embargo, cuando lo veo en el móvil, el color del hover es el granate (genial) pero el anterior, en vez de negro es blanco (que no se ve demasiado bien). Me podrías ayudar a solucionarlo.
Un saludo y gracias anticiapdas
Hola Tomas.
Edita el archivo responsive.css que encontraras en wp-content -> themes -> accesspress_parallax_pro -> css -> responsive.css
.- Busca lo siguiente:
.main-navigation ul ul a { color: #FFF !important; border-bottom: 0; border-top: 1px solid; }
.- Modifica el código por el siguiente:
.main-navigation ul ul a { color:#662020!important; border-bottom: 0; border-top: 1px solid; }
Un saludo