[HTML/CSS] Problème d'affichage mobile

Spécifique à la barre de menu.

21 juillet 2018 à 23:28:21

Bonjour,

J'espère que je suis au bon endroit ; désolée si ce n'est pas le cas.

Voilà la situation : je n'ai pas spécialement de code à vous montrer puisque je suis en train de recoder le gros de mon projet et tout mon responsive est désactivé le temps que je règle mes autres soucis...

Néanmoins, ce qu'il se passe : mon site est codé pour fonctionner majoritairement sur desktop. Cela dit, quand je suis sur mon téléphone en mode paysage (puisque disponible uniquement en paysage), j'ai l'apparition de la barre de mon menu. Et je me demandais s'il était possible de la masquer ? Ou si je dois refaire mon container de sorte à ce que ça ne soit pas gênant ?

Ici, sur le screen que je vous montre, une partie du texte devient illisible.

Mon container est comme suit :

.container{
	width:88%;
	max-width:1280px;
	margin:0 auto;
}

Et mon souci est que je ne peux voir cette barre qu'avec mon téléphone, pas l'inspecteur...

(J'utilise Babun pour avoir un terminal et utiliser Gulp... Mais même avec les quatre liens donnés pour voir sur mon téléphone, ça refuse de marcher. :o)

Merci d'avance pour vos retours.

PS : désolée, je n'ai pas réussi à mettre l'image en plus petit.

Caroline B.

22 juillet 2018 à 0:26:19

Hello,

Je ne sais pas te répondre, sorry, mais il y a un forum spécialement dédié aux mobiles sur ce site, si personne ne sais répondre sur ce forum ci (ça m'étonnerait mais on ne sait jamais)

Juste, quand tu dis que c'est uniquement disponible en paysage, c'est parce que tu l'as configuré ainsi ou tu souhaiterais pouvoir passer en portrait?

Google répond à tout, PHP Manual sait (presque) tout, StackOverflow envisage tout !

Majoras16Forever

22 juillet 2018 à 7:53:16

Caroline B. a écrit: > Juste, quand tu dis que c'est uniquement disponible en paysage, c'est parce que tu l'as configuré ainsi ou tu souhaiterais pouvoir passer en portrait?

Je crois qu'il l'a configuré ainsi

-
Edité par Majoras16Forever 22 juillet 2018 à 7:54:51

Peayne

22 juillet 2018 à 10:02:47

Oui je sais qu'il y a une partie mobile mais puisqu'il s'agit avant tout de responsive, j'ai pensé préférable de poster ici.

Et effectivement, je l'ai configuré pour n'être disponible qu'en paysage puisque j'ai codé en desktop first et que du coup ça passe mal en portrait.

Merci pour vos réponses en tout cas.

Lucky13

22 juillet 2018 à 11:43:26

Hello,

Voilà pourquoi je fais partie de ceux qui commence par la version mobile/ev tactile puis j'adapte au desktop (plus simple)

Sois reprendre le code, tester plusieurs choses, comme réduire la taille de l'image en laissant le navigateur se débrouiller (avec ton aide)

-> https://www.alsacreations.com/article/lire/1621-responsive-images-srcset.html

Le texte est assez long sur la largeur ? sinon une petite anim vers la gauche, mais cela varie selon le media utilisé. Mettre une marge sur la droite, etc...

ps: l'unité de taille en % n'est pas top, le calcul est trop approximatif, surtout avec les différents ratios d'écran.

❶ Feuille de style introuvable ❷ Chemins relatifs et absolus ❸ addEventListener & API Selectors ❹ Paletton colors ❺ Animations complexes en JS & CSS

exen

22 juillet 2018 à 12:08:32

Bonjour,

il serait possible de voir le code ?

déjà le <head>

Ou même avoir l'url du site qu'on le vois.

Compos sui.

Peayne

22 juillet 2018 à 19:04:30

Lucky13 : Je suis en première année d'études en web, et on ne nous a pas tout dit dès le départ. Quand j'ai commencé mon projet, on avait toujours fait desktop only et on venait d'apprendre le responsive pour ce projet... Et très succinctement.

Ici, effectivement, la seule chose à laquelle j'ai moi-même pensé est une marge sur la droite que je vais m'empresser d'essayer dès que j'aurai recommencé mon responsive.

Exen : J'ai oublié de fournir l'URL de ma page, pardon. :euh: Voici le lien : http://margauxmembre.fr/projets/tfa/story/index.html

(Puisque le responsive n'a pas encore été refait, il fonctionne approximativement. )

Merci pour vos réponses.

-
Edité par Peayne 22 juillet 2018 à 19:05:16

Pickles

23 juillet 2018 à 13:57:32

Bonjour,

Je ne suis pas sûr que bloquer la visualisation à l'horizontal soit une très bonne pratique .., à voir mais je te conseille plutôt d'adapté directement ton design

Développeur FrontEnd | Site CV / Site PRO