Étrange problème avec le menu mobile avec Joomla! modèle
Je ne sais pas s'il s'agit d'un problème réel, car je le vois principalement lorsque j'utilise un émulateur, mais il semble être reproductible et je l'ai remarqué sur le périphérique d'un ami Android. URL est :
Sur certains appareils, notamment l'émulateur iPad Retina, lorsque vous cliquez sur le hamburger, le corps de la page se déplace comme prévu, mais la zone du menu latéral est complètement vide, bien qu'il y ait des éléments et vous pouvez cliquer sur eux, ils ne s'affichent tout simplement pas, ils sont donc restitués, mais tout l'encadré est vide (voir la photo).
J'ai découvert une fonctionnalité utile dans le menu du développeur avec Safari que je ne connaissais pas. Vous pouvez aller dans Développer -> Simulateur et utiliser l'inspecteur pour la page chargée dans votre simulateur. C'est une fonctionnalité assez intéressante, mais qui ne permet toujours pas de comprendre le problème.
Il utilise un Joomla! Il semble que le modèle et la source semblent nécessiter beaucoup de modifications, car il existe une tonne de ressources .css et .js, dont certaines ne sont probablement pas nécessaires et d'autres qui sont probablement en conflit, d'autres qui ne sont pas nécessaires le front end, etc.
Aide appréciée.
J'ai finalement pu résoudre ce problème, je ne sais pas exactement comment, mais cela a peut-être été lié à l'ajout d'un élément dans le DOM avec jQuery après le chargement de la page et à la détérioration du z-index?