toggle element slide

Club para webmasters Foros Desarrollo web toggle element slide

Viendo 4 entradas - de la 1 a la 4 (de un total de 4)
  • Autor
    Entradas
  • #23264 Karma: 0
    Folerpa
    Participante
    ChorriPuntos 32
    Nuevo

    Hola, encontré un código para hacer un menú deslizable para móviles. Es este:

    @media screen and (max-width: 768px) {
    .(nombre del menu css) .elementor-nav-menu–layout-horizontal .elementor-nav-menu {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    -webkit- -scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    }

    selector ul::-webkit-scrollbar { /* now, let’s remove the scroll-bar from the menu */
    display: none; }

    Necesitaría hacer lo mismo pero para el toggle element de extras for elementor.

    Estoy intentando cambiar donde pone .elementor-nav-menu por .elementor-toggle-element o .extras for elementor-toggle-element y cosas así pero no me sale.

    Alguien me podría ayudar?

    Gracias!!

    #23320 Karma: 0
    David Cuesta
    Superadministrador
    161
    ChorriPuntos 8.677
    Curso SEO
    ChorriCuesta

    Si quieres por aquí o por ticket pasa la web y miro a ver si puedo replicar ese css con tu menú, porque se necesita detectar el elemento

    Un saludo!

    #23336 Karma: 0
    Folerpa
    Participante
    ChorriPuntos 32
    Nuevo

    Hola David, también probé inspeccionando y obtuve <li class=»ee-toggle-element__controls__item elementor-repeater-item-1f03878 ee–is-empty» data-hash=»1f03878″><span class=»ee-toggle-element__controls__icon ee-icon ee-icon-support–svg ee-icon–«><i aria-hidden=»true» class=»fas fa-thumbs-up»></i></span>TOP NOMINATIONS325235

    Así que probé

    @media screen and (max-width: 768px) {
    .(nombre del menu) .ee-toggle-element–layout-horizontal .ee-toggle-element {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    -webkit- -scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    }

    selector ul::-webkit-scrollbar { /* now, let’s remove the scroll-bar from the menu */
    display: none; }

    Pero aun no funciono.

    #23388 Karma: 0
    David Cuesta
    Superadministrador
    161
    ChorriPuntos 8.677
    Curso SEO
    ChorriCuesta

    Pero esas clases del css no coinciden con las del html, por qué no me pasas la url por privado y te paso el código? creo que acabamos antes jeje

    Un saludo!

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