web-dev-qa-db-fra.com

La flèche vers le bas dans le menu ne s'affiche pas

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;
}
1
user3098728

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.

1
vivek mengu

Vous ajoutez deux fois ("") citation dans vous css voir ci-dessous

Remplacer

content: ""\f105 "";

À

contenu: "\ f105";

Et vérifiez à nouveau

1
user1903471

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

0
mmm