Ajouter une barre verticale dans son menu

Une question qui revient souvent lors de l’édition de son site web est celle de comment peut-on ajouter une barre verticale après chaque élément de menu ?

Pour cela, vous devez passer par le CSS de votre site web et ajouter ceci :

[pastacode lang=”css” message=”” highlight=”” provider=”manual”]

#menu ul li {
	display: inline;
        border-right:1px solid black;
}

/*Pour enlever la barre sur le dernier élément */

.page_item page-item-20{
        border-right:none;
}

[/pastacode]

Pour autant on peut directement spécifier quel menu doit avoir sa barre à droite :

[pastacode lang=”css” message=”” highlight=”” provider=”manual”]

#menu-item-752, #menu-item-753, #menu-item-825{
  display: inline;
  border-right:1px solid white;
}

[/pastacode]

Avec ceci, vous aurez un menu qui sera défini comme vous le désiriez !

2014-12-18-20-14-40_Accueil-Property-Premium-300x36