Bonjour,

J'ai un problème de CSS, et le newsgroup que j'utilisais autrefois est inerte. J'essaie ici.

Je suis sur une base SpipR-dist / Bootstrap 4.
J'ai fait un menu latéral "à la SIDR" mais basé sur bootstrap 4.

Le bouton d'ouverture du menu latéral est en "position: fixed" dans le coin supérieur droit. Mon volet latéral est en left: -260px, et l'appui sur le bouton Menu le passe en left:0 avec transitions. Mon body contient le div.page auquel j'applique un tansform:translateX de 260px en même temps que le glissement du menu latéral.

Sur navigateurs de bureau, en écran très étroit, ça va bien : le panneau latéral et ma page glissent vers la droite, et le bouton Menu reste en place dans le coin du viewport.

MAIS sur mes navigateurs Android (Firefox, Chrome, Samsung Internet), le bouton Menu se décale aussi, reste fixé au coin du Body qui sort de l'écran, et non au coin du viewport.

(il faut donc que je fasse glisser à gauche pour atteindre le bouton Menu et fermer le volet latéral)

Avez-vous des infos sur une telle différence de comportements ?
(ou bien ai-je manqué qqchose dans mes CSS ?)

Merci

--
Stéphane
17 Charente-Maritime
_______________________________________________
liste: https://listes.rezo.net/mailman/listinfo/spip-dev
doc: https://www.spip.net/
dev: https://core.spip.net/
irc://irc.freenode.net/spip

Répondre à