Partage
  • Partager sur Facebook
  • Partager sur Twitter

modifier taille menu sur version mobile

Sujet résolu
24 mai 2022 à 20:15:37

Bonjour

j'ai un site en css j'ai besoin de reduire la hauteur au maximum sur version mobile du menu qui est trop en hauteur.

Auriez vous une solution impossible de le modifier en css dans le thème je ne trouve pas la ligne de css prévu pour vous.

Merci pour votre aide.

-
Edité par creationsites 25 mai 2022 à 11:03:14

  • Partager sur Facebook
  • Partager sur Twitter
24 mai 2022 à 20:30:26

Bonjour, pourquoi ceci

  @media screen and (max-width: 568px)
a.navbar-brand {
   
  margin-top: 45%;
}

à la L1945 de style.css ?

Vous pouvez utiliser l'inspecteur des éléments pour analyser le problème (touche F12 sur la plupart des navigateurs) 

-
Edité par AbcAbc6 24 mai 2022 à 20:31:38

  • Partager sur Facebook
  • Partager sur Twitter
24 mai 2022 à 20:32:34

dans bootstrap.css, lignes 7485 et suivantes, enlever la margin-top de 1 rem

.mt-3,
.my-3 {
  /* margin-top: 1rem !important; */
}


Ça réduit pas mal déjà la hauteur des lignes du menu hamburger

L'inspecteur web m'a permis de repérer le truc en quelques secondes, et de tester le résultat en enlevant  la margin-top des <li>, comme l'indique AbcAbc6, outil indispensable

-
Edité par ChrisLebure 24 mai 2022 à 20:33:50

  • Partager sur Facebook
  • Partager sur Twitter
25 mai 2022 à 9:18:34

Bonjour merci pour vos conseils j'ai enlever le margin top 1rem mais cela n'a rien changé ? Merci
  • Partager sur Facebook
  • Partager sur Twitter