webentwicklung-frage-antwort-db.com.de

Pfeil nach unten im Menü wird nicht angezeigt

Ich habe versucht, einen Pfeil nach unten hinzuzufügen, wenn das Menü Untermenüs enthält. Aber der Abwärtspfeil wird nicht angezeigt. Bitte hilf mir.

Hier ist der Link: http://bit.ly/1UH4FlT

Ich benutze gerade dieses Skript, das ich irgendwo gefunden habe.

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' );

Und ich habe diese CSS hinzugefügt

#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

Fügen Sie den folgenden Code hinzu

#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;
}

Hinzufügen einer Navigation der dritten Ebene. Wenn Sie auf Probleme stoßen, antworten Sie.

1
vivek mengu

Sie addieren zweimal ("") Zitat in Ihrem CSS, siehe unten

Ersetzen

inhalt: ""\f105 "";

Zu

inhalt: "\ f105";

Und nochmal prüfen

1
user1903471

sie können einen Pfeil neben der Menübeschriftung mit dem kostenlosen Plugin "Menu Icons" hinzufügen. gehe in "extensions" -> "add new" und suche "Menu Icons"

nachdem Sie dieses Plugin aktiviert haben, rufen Sie den Menü-Editor auf und Sie können bei jedem Menüelement ein Symbol auswählen

0
mmm