> Faqs > Error con menú responsive en iPhone en plantilla Booststrap

Error con menú responsive en iPhone en plantilla Booststrap

Un amigo escogió una plantilla Booststrap para la web de su negocio y yo se la estoy adecuando a sus necesidades, la web funciona bastante bien en cualquier dispositivo, escepto en los iphone, por algo que no llego a entender.

En dispositivos pequeños, aparece en la parte superior las 3 rallitas para que el menú de la página aparezca de arriba a abajo y puedas pinchar en los distintos apartados, lo que pasa solo en iphone, es que al volver a pinchar en esas 3 rallita el menú no desaparece, por lo que no puedes ver la página con el menú delante.

En cualquier dispositivo, clickas en las 3 rallas y aparece el menú, al volver a pinchar en las 3 rallas, desaparece el menú, esto no pasa en el iphone,

Si puedes compartir la pagina estaria genia. Yo te recomiendo que intentes modificar el z-index del elemento. Pasa en iphone pero en que navegador? safari, chrome?

Respuestas

El iPhone puede dar diversos problemas debido a la fragmentación de las versiones de iOS, que están ligadas a las versiones de Safari, Chrome, etc., que son todos el mismo navegador porque Apple no acepta otros motores de navegación en sus dispositivos.

Lo que puede pasarte es que la plantilla funcione con solamente versiones de iPhone modernas o versiones de iPhone antiguas.

Yo lo solucionaría de esta manera:

  • Primera opción: Debug en Safari para el iPhone en concreto, para ver si consigues solucionar el problema. Así verás posibles errores de Javascript que estén ocurriendo, pues me da la sensación que el problema va por ahí.
  • Segunda opción si no lo sabes resolver: Cambiar de plantilla o hacer tú mismo el menú.

Sinceramente, lo ideal es no usar una plantilla y mucho menos Bootstrap. A mi modo de ver esas cosas solo hay que usarlas cuando ya sabes perfectamente manejar todo lo demás (HTML, CSS yJavascript). Así podrías realizar las cosas por tu cuenta, porque tienes un dominio total de los lenguajes y herramientas. En ese caso, puedes ahorrar tiempo instalando plantillas de otros y, si surgen problemas, como sabes perfectamente hacer las cosas por tu cuenta, podrás solucionarlos perfectamente.

Miguel Angel
3145 140 209 17
"I faced a similar error and found solution here https://wellmage.com/services