• Resuelto victorsanjose

    (@victorsanjose)


    Hola buenas. Al revisar la versión movil de la web, veo que al navegar en ella el menú se despliega detrás de los elementos de la pagina. Y no se puede acceder a él. Sale detrás de fotos y textos.
    Que está ocurriendo ¿? Como lo corrijo¿?
    Muchas gracias

    • Este debate fue modificado hace 1 año, 5 meses por victorsanjose.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • Hola @victorsanjose,
    Seguramente se habrá puesto algún margen negativo con Elementor para la versión móvil. De todos modos, si no encuentras el error, puedes colocar el siguiente código CSS en Apariencia/Personalizar/CSS adicional, creo que debería funcionar:

    
    @media (max-width: 1024px){
        .elementor-nav-menu--dropdown{
            top: unset;
            position: relative;
            margin-bottom: 20px;
        }
    }
    

    Espero haberte ayudado, saludos

    Iniciador del debate victorsanjose

    (@victorsanjose)

    Hola Alvaro, muchas gracias por responderme a las dos cuestiones.
    He hecho lo mismo que con la tipografía. Copio y pego el codigo. Si que veo una modificación en el espacio del menú a los elementos. Pero, por ejemplo, en la sección sobre mí continua desplegandose el menú detrás de la foto. Y no se puede usar.
    No se si estaré haciendo yo algo mal al solucionarlo.
    Un saludo

    Hola @victorsanjose,

    Es muy probable que necesites limpiar la caché si tienes algún plugin de este tipo.

    Saludos

    Iniciador del debate victorsanjose

    (@victorsanjose)

    Hola @algato333,

    El menú lo cree con Elementor, meto codigo, limio caché y nada.

    Saludos

    Hola de nuevo @victorsanjose,

    Ahora me aparece el código bien introducido. Pero existe un problema de sobreescritura CSS. Para solucionarlo debes modificarlo por:

    @media (max-width: 1024px){
        .elementor-nav-menu--dropdown{
            top: unset !important;
            position: relative !important;
            margin-bottom: 20px;
        }
    }

    Así debería funcionar correctamente

    Saludos

    Iniciador del debate victorsanjose

    (@victorsanjose)

    Muchas muchas gracias @algato333. Resuelto el tema del menú. Un problema menos :).

    La tipografía continua igual.

    Saludos

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • El debate ‘El menú desplegable en la versión movil, aparece detrás de los elementos’ está cerrado a nuevas respuestas.