J'ai essayé d'ajouter une flèche vers le bas lorsque le menu comporte un sous-menu. Mais la flèche vers le bas ne s'affiche pas. Aidez-moi, s'il vous plaît.
Voici le lien: http://bit.ly/1UH4FlT
J'utilise actuellement ce script que j'ai trouvé quelque part.
function add_menu_parent_class( $items ) {
$parents = array();
foreach ( $items as $item ) {
if ( $item->current_page_ancestor && $item-> current_page_ancestor> 0 ) {
$parents[] = $item->current_page_ancestor;
}
}
foreach ( $items as $item ) {
if ( in_array( $item->ID, $parents ) ) {
$item->classes[] = 'menu-item-has-children';
}
}
return $items;
}
add_filter( 'wp_nav_menu_objects', 'add_menu_parent_class' );
Et j'ai ajouté ce css
#site-navigation .menu > ul > li.menu-item-has-children > a:before {
color: #fff;
content: "\f107";
font-family:FontAwesome;
font-size: 10px;
vertical-align: 1px;
}
#site-navigation .menu > ul > li > li.menu-item-has-children > a:after {
color: #222;
content: ""\f105"";
font-family:FontAwesome;
font-size: 10px;
vertical-align: 1px;
}
Ajouter le code ci-dessous
#site-navigation .menu > ul > li.menu-item-has-children > a::after {
content: '\f107';
font-family: FontAwesome;
font-size: 10px;
margin-left: 10px;
vertical-align: 1px;
}
#site-navigation .menu > ul > li > ul > li.menu-item-has-children > a::after {
color: rgb(34, 34, 34);
content: '\f105';
font-family: FontAwesome;
font-size: 10px;
vertical-align: 1px;
float: right;
}
Ajouter la navigation de 3ème niveau. Si vous rencontrez des problèmes, répondez.
Vous ajoutez deux fois ("") citation dans vous css voir ci-dessous
Remplacer
content: ""\f105 "";
À
contenu: "\ f105";
Et vérifiez à nouveau
vous pouvez ajouter une flèche à côté de l'étiquette du menu avec le plugin gratuit "Icônes de menu". allez dans "extensions" -> "ajouter un nouveau" et cherchez "Icônes de menu"
après avoir activé ce plugin, allez dans l'éditeur de menu et à chaque élément de menu, vous pouvez choisir une icône