Tengo un problema con mi navegación de desplazamiento. o en realidad estoy buscando una solución para hacer una navegación de desplazamiento horizontal en la pantalla del móvil como la mayoría de las aplicaciones en estos días. Mi menú es un mega menú, es un mega menú y funciona bien tanto en el escritorio como en el móvil. cuando uso este código para que se pueda desplazar horizontalmente, no abre el mega menú .
ul{ /* set's the horizontal layout for the menu */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; flex-wrap: inherit !important; scrollbar-width: none; /* this will remove scroll-bar for mozilla based browser */ } selector ul::-webkit-scrollbar { /* now, let's remove the scroll-bar from the menu */ display: none; }El menú desplazable funciona pero no el mega menú
si elimino la propiedad overflow-x o y, el mega menú muestra su contenido pero el diseño es así. después de eliminar la propiedad de desbordamiento
Si está trabajando en dispositivos pequeños, debe especificar la consulta de medios como:
@media screen and (max-width: 600px) { .column { width: 100%; height: auto; } } ¿Has intentado configurar max-width y max-height ?
Deberías buscar en Google los menús desplegables. Esta página de w3schools explica cómo aprobarlo.