Comment le site s'affiche sur téléphone et comment fonctionne le menu mobile

Sur un écran étroit — jusqu'à 768 pixels — le menu supérieur se réorganise tout seul, aucun réglage n'est nécessaire :

• dans l'en-tête ne restent que le logo et le message de bienvenue, avec à droite le bouton « hamburger » ;
• au clic, les autres éléments se déploient en liste sous l'en-tête : ligne pleine largeur, texte centré, fines lignes entre les rangées ;
• un nouveau clic ou un clic à côté referme la liste ;
• un message de bienvenue long, qui ne tient pas à côté du logo, passe entièrement à la deuxième ligne, le bouton restant à droite du logo.

Les éléments qui restent dans l'en-tête ne sont pas configurables : seulement le logo et le message de bienvenue. Tout le reste du menu supérieur se trouve dans la liste.

Logo. Sur téléphone, il s'ajuste en largeur, et la hauteur définie dans la fenêtre de styles devient sa limite. Il n'y aura pas de vide superflu au-dessus et en dessous du logo.

Comment vérifier. Ouvrez le site sur un téléphone ou réduisez la fenêtre du navigateur. Le bouton de basculement du mode administrateur se présente sur téléphone sous forme de rond à côté du « hamburger ».

Si ça ne marche pas

• Sur téléphone, le site est minuscule, comme sur ordinateur. Actualisez la page en vidant le cache : le téléphone a pu conserver une ancienne version de la page.
• La page défile latéralement. Un élément trop large dans le texte gêne — un tableau ou un bloc dont la largeur est fixée en pixels. Réduisez la largeur ou définissez-la en pourcentage.
• Un bouton nécessaire s'est caché dans le « hamburger ». Par exemple, «Установить приложение». Placez-le dans le pied de page ou en section sur la page.