Salut à tous, je commence la création d'un thème wordpress et je créé donc mon CSS pour le header pour le moment. Seulement le menu qui est ajouter au header par 

<?php wp_nav_menu(array ('theme location', 'primary')); ?>

s'affiche correctement mais impossible de modifier les li qui sont dedans malgré le fait qu'en inspectant l’élément on voit bien mes modifications.

(Ouvrez l'image dans un nouvel onglet pour l'agrandir)

On voit bien que mon li n'a une hauteur que de 17 alors que j'ai bien spécifié 100px. J'ai même essayé de le spécifier à l'id "menu-item-18". Ce qui m'étonne aussi c'est que le <a> situé dedans est plus gran que lui. J'ai aussi essayé box-sizing:border-box;

Bref je suis completement perdu. Je n'arrive pas du tout à savoir qui peux prendre le pas sur le CSS que j'impose au li.

Merci d'avance de votre aide

-
Edité par Vicompte 21 août 2017 à 0:27:14

Salut,

Bon je suis débutant en css je préviens

Mais chez moi avec un display:flex; ça marche parfaitement. Les modifications de height sont prises en compte

Bonjour,

les éléments en display: inline sont insensibles à height (et à margin, d'ailleurs). Mais de base, évite de fixer des hauteurs à des éléments. Préfère jouer avec les paddings pour agrandir tes éléments.

Merci beaucoup, je sais pas comment j'ai fait pour passer à coté de ça. Je vais effectivement plutôt travailler sur le padding ou bien je vais peut etre utiliser display:flex en cas de besoin.