- Este debate tiene 3 respuestas, 2 mensajes y ha sido actualizado por última vez el hace 3 años, 5 meses por
.
-
Entradas
-
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!!
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!
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.
- Debes estar registrado para responder a este debate.
