1484 sujets

Web Mobile et responsive web design

Bonjour

Je suis en train de travailler sur un site dans lequel j'utilise le plugin lightcase.
(http://cornel.bopp-art.com/lightcase/)
J'ai fait un menu responsive tout bête, mais qui fonctionne.

Dans la page de présentation des photos, quand je clique sur une photo, cela lange le plugin lightcase,
jusque là tout va bien.

Quand on ferme l'overlay cela ferme, toujours ok, partout sauf sur ipad, là mon menu qui était fermé se retrouve ouvert, ( sur l'i-phone tout est ok)

Auriez vous une idée ???
Je suis bien dans l'embarras car je dois rendre ce site rapidement et je n'ai vraiment pas la moindre piste.
Smiley confused


Vous pourrez voir la page ici :
http://mcbenveniste.com/a/photos.html

Merci d'avance à ceux qui pourraient m'aider
Bonjour,
j'ai regardé rapidement et en effet, je constate le problème (via émulateur chrome iPad)
D'ailleurs, si sur ta page principale, ton menu est ouvert et que tu clic sur une image, ton menu est au dessus de ta visionneuse Smiley decu .
Donc déjà, il faut, à mon avis, que tu regarde du coté de tes z-index de ta visionneuse ou de ton header>nav pour parer à cet effet. Peu être corrigera t'il l'autre bug.
Re post si ça change pas , je regarderais plus en détail.
Cdlt
David
Merci d'avoir regardé

Oui il y a le problème du z-index que j'avais oublié, mai cela ne résout pas le bug

Si cela peut aider :
je travaille sur un autre site avec le même plugin et le même genre de menu, et je n'ai pas ce problème.

Les différences :
dans le site fonctionnel le burger n'est pas dans un media query (il apparait sur toutes les versions et là ce n'est que dans un media query pas dans tous, puisque c'est ok en version i-phone)

et l'autre menu est un tiroir donc pas masqué au départ, juste sorti de l'écran.

Je continue de faire des tests mais je finis par avoir les yeux qui se croisent Smiley cligne

Bonne journée
J'ai donc fait les tests

cela ne vient pas du media query, cela vient bien du fait que mon menu est masqué au départ, donc conflit avec le clic qui ferme l'overlay et le clic qui ouvre/ferme mon menu

j'ai mis en ligne une version "tiroir"
http://mcbenveniste.com/a/modele-tiroir.html
qui n'a pas de problème

Mais maintenant que mon client a validé la version qui descend, je me dois de trouver une solution, je suis donc toujours preneuse Smiley cligne

Merci d'avance
Bonjour,

La solution dans mon js, au niveau du redimensionnement de la fenêtre

il suffisait de changer :

if ($(window).width() < 768)

en
if ($(window).width() <= 768)

et

  $(window).resize(function () { /
            if ($(window).width() < 768)

en
  $(window).resize(function () { /
            if ($(window).width() <= 768)



Cela fonctionne comme ça.
Merci à tous et bon weekend

MC