Un usuario preguntó 👇
Hola:
Tengo que eliminar el menú de hamburguesas del móvil para poder usar un plugin de terceros o, preferiblemente, mostrar el menú completo en un teléfono móvil. ¿Me pueden ayudar?
¡¡Gracias!!
Dave
(@ anónimo-16453565)
Hace 2 años
Hey dglick5,
Solución 1:
Si desea utilizar un plugin de terceros, todo lo que tiene que hacer es insertar el código CSS en su hoja de estilo o puede agregar este código a su CSS adicional desde un personalizador de temas.
@media (max-width: 767px) {
.navbar {
display: none;
}
}Este código se elimina de su menú de hamburguesas. Después de eso, puede usar su plugin de terceros.
Solución 2:
Si también desea mostrar el menú completo en la pantalla de su dispositivo móvil, también puede insertar el código CSS en su hoja de estilo o puede agregar este código a su CSS adicional desde la personalización del tema.
@media (max-width: 767px) {
.collapse.in {
display: block !important;
}
}Al utilizar este código, no es necesario utilizar ningún plugin de terceros. Este código también mostrará el menú en la pantalla del móvil sin la hamburguesa.
Espero que te ayude. Gracias.
(@ dglick5)
Hace 2 años
Oye Snehal,
¡Muchas gracias por tu respuesta! La primera solución funcionó, pero desafortunadamente, por alguna razón, el Max Megamenu se niega a mostrar su menú móvil en un teléfono móvil (pero mostrará el menú móvil en el escritorio si se ajusta la configuración de píxeles). Creo que hay un conflicto entre el tema y el plugin en alguna parte. Si puede proporcionar alguna información, hágalo….
La segunda solución no mostró el menú completo como dijo que lo haría, no hubo cambios. ¿Puede verificar el código por mí? Básicamente, todavía estoy donde estaba antes 🙂
@media (ancho máximo: 767px) {.collapse.in {display: block! importante; }}
La buena noticia es que descubrí cómo ocultar la sección ta-breadcrumb predeterminada, que también me estaba causando problemas.
¡Gracias!
Dave
(@ anónimo-16453565)
Hace 2 años
Hey dglick5,
Lo siento por los inconvenientes ocasionados.
Pruebe el código CSS a continuación.
@media (max-width: 991px) {
.collapse {
display: block !important;
}
button.navbar-toggle {
display: none !important;
}
}Ahora solucionará todos tus problemas. Gracias
Esta respuesta fue modificada hace 2 años por.
(@ dglick5)
Hace 2 años
Perfecto gracias….
Dave
¿Solucionó tu problema??
0 / 0