Modifier hauteur menu

[titiping]

Bonjour,

J'aimerais que le menu soit aussi (peu) large sous le texte qu'au dessus. Je ne trouve pas quelle modification réaliser dans le css.

Mon site : https://www.tabissimo.com/

Merci !

[Helloo]

Tu pourrai par exemple supprimer "line-height"


template.css:6

body {
color: #333333;
font-size: 0.8em;
line-height: 140% ;
}

remplacer par:

body {
color: #333333;
font-size: 0.8em;
}

[lomart]

Bonjour,

Je ne pense pas que toucher à body soit une bonne idée. Cela va modifier toutes les règles CSS du site.
Je verrais plutôt

#s5_nav li {
height: 37px;
}

En vérfifiant l'impact sur le menu mobile, j'ai remarqué une hauteur du texte trop petite pour être sélectionnée avec un doigt
Il y a une hauteur de 75px définie, mais où ?

[Helloo]

Bonjour lomart,

Personnellement je n’aime pas trop les « line-height pour body » mais plutôt séparément pour <p> etc…

Par contre j’aime bien votre solution, et qui fonctionne très bien.

[titiping]

Merci beaucoup pour vos réponses.

Cela fonctionne très bien effet. Juste effectivement ce manque d'espace sur le menu mobile du coup...

[lomart]

Bonsoir Helloo

Personnellement je n’aime pas trop les « line-height pour body » mais plutôt séparément pour <p> etc…

Le line-height a sans doute été ajouté par le template pour aérer la page et définir le style général. Il n'est pas de notre ressort de le modifier.
En règle générale, j'évite de modifier les règles de base. C'est trop de correction à faire par la suite.
Ce n'est pas une question de goût, mais de prudence