askdesign
1/14/2016 - 4:59 PM

Adding nav sub menu indicators in Genesis using Font Awesome

December 25, 2013 by Sridhar Katakam

2-style.css
content_copyfile_download
/* Sub menu indicators
--------------------------------------------- */

.genesis-nav-menu > .menu-item.menu-item-has-children > a:after {
	content: "\f107";
	font-family: 'FontAwesome';
	font-size: 1.2rem;
	padding-left: 0.5rem;
	speak: none;
}

ul.sub-menu li.menu-item-has-children > a:after {
	content: "\f105";
	font-family: 'FontAwesome';
	font-size: 1.2rem;
	padding-left: 1rem;
	speak: none;
}
1-functions.php
content_copyfile_download
//* Make Font Awesome available
add_action( 'wp_enqueue_scripts', 'enqueue_font_awesome' );
function enqueue_font_awesome() {

	wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' );

}
0-info
content_copyfile_download
https://sridharkatakam.com/adding-nav-sub-menu-indicators-genesis-using-font-awesome/

Want to add a down-pointing arrow for nav menu items having a vertical sub menu and a right-pointing arrow for menu items having a horizontal sub menu when using a Genesis child theme?

Reference: http://astronautweb.co/snippet/font-awesome/