Los desplegables del menú se salen de la pantalla
-
Buenas, aquí estoy de nuevo necesitando vuestra ayuda.
El problema es que los elementos desplegables del menú se salen de la pantalla dependiendo de la resolución o el tamaño de la ventana del navegador.
He probado a añadir open-left en los elementos del menú que se salen, pero nada.
También he añadido el siguiento código al CSS adicional de la página, pero tampoco funciona.
.dropdown-hover .main-navigation ul .open-left ul {
left: auto;
right: 0;
}
.dropdown-hover .main-navigation ul .open-left ul ul {
left: auto;
right: 100%;
}
.dropdown-hover .main-navigation .main-nav ul .open-left ul li.menu-item-has-children > a {
padding-left: 0;
padding-right: 20px;
}
.dropdown-hover .main-navigation ul .open-left ul .menu-item-has-children .dropdown-menu-toggle {
float: left;
padding-left: 20px;
padding-right: 15px;
}
.dropdown-hover .main-navigation .open-left .children .dropdown-menu-toggle:before,
.dropdown-hover .main-navigation .open-left .sub-menu .dropdown-menu-toggle:before {
content: "\f104";
}¿Cómo puedo solucionarlo? Muchas gracias de antemano por estar siempre ahí para ayudar.
La página con la que necesito ayuda: [accede para ver el enlace]
Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
- Debes estar registrado para responder a este debate.