• arrancaquenosvamos

    (@arrancaquenosvamos)


    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)
  • eljotaccc

    (@eljotaccc)

    Has podido solucionarrlo ?

    Iniciador del debate arrancaquenosvamos

    (@arrancaquenosvamos)

    No, de momento nada…

    Hola @arrancaquenosvamos,

    Conseguiste encontrar el origen del problema?

    He mirado la web con Safari en un iphone 15 pro y veo bien todos los desplegables de los menús bien y sin problemas.

    Te recomiendo que uses algún servicio como https://www.mobileviewer.io/ para ver la web en diferentes modelos de móvil y así poder ver en cuales falla y poder mirar el HTML/CSS con las herramientas de desarrolladores del navegador para cada tamaño de pantalla diferente donde falle.

    Cuéntanos si lo solucionas y cómo lo has hecho y así otras personas con un problema similar podrán aprender de ello. Y no olvides de marcar este hilo como solucionado si es el caso 🙂

    Buena suerte y ya nos cuentas!

    Iniciador del debate arrancaquenosvamos

    (@arrancaquenosvamos)

    No, no he conseguido solucionarlo.

    En los móviles se ve bien puesto que los desplegables del menú se van abriendo por debajo.

    El problema aparece en las pantallas de ordenador ya que al desplegar el menú accesorios/tazas los submenús se abren a la derecha de la categoría principal, y en algunas resoluciones o tamaños de pantalla el submenú se sale de la pantalla.

    Puedes comprobarlo en un ordenador reduciendo la pantalla del navegador

    Ya lo ví al reducir la pantalla!

    Prueba con las soluciones que dan en estas páginas, creo que te podrán ayudar:

    Ya nos dices si te ayuda! 🙂

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Debes estar registrado para responder a este debate.