Add Font Awesome Icons to the Genesis Menus

font-awesome-menu.css

/*
Font Awesome Primary Menu
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu a {
	line-height: 1;
	padding-left: 30px;
	color: #fff;
}

.genesis-nav-menu .menu-item:before {
	display: block;
	font-family: Fontawesome;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	line-height: 0;
	margin: 0;
	position: relative;
	text-align: left;
	top: 35px;
	vertical-align: bottom;
}
 
.genesis-nav-menu .menu-item:before {
	color: #f4f4f4;
}

.genesis-nav-menu .menu-item:hover:before {
	color: #fff;
}
 
.genesis-nav-menu .current-menu-item:before {
	color: #fff;
}


/*
Font Awesome Site Header Menu
---------------------------------------------------------------------------------------------------- */
.site-header .genesis-nav-menu a {
	line-height: 1;
	padding-left: 30px;
	color: #333;
}

.site-header .genesis-nav-menu .menu-item:before {
	display: block;
	font-family: Fontawesome;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	line-height: 0;
	margin: 0;
	position: relative;
	text-align: left;
	top: 35px;
	vertical-align: bottom;
}
 
.site-header .genesis-nav-menu .menu-item:before {
	color: #222;
}

.site-header .genesis-nav-menu .menu-item:hover:before {
	color: #333;
}
 
.site-header .genesis-nav-menu .current-menu-item:before {
	color: #333;
}

/*
Font Awesome Secondary Menu
---------------------------------------------------------------------------------------------------- */
.nav-secondary  .genesis-nav-menu a {
	line-height: 1;
	padding-left: 30px;
	color: #fff;
}

.nav-secondary .genesis-nav-menu .menu-item:before {
	display: block;
	font-family: Fontawesome;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	line-height: 0;
	margin: 0;
	position: relative;
	text-align: left;
	top: 35px;
	vertical-align: bottom;
}
 
.nav-secondary .genesis-nav-menu .menu-item:before {
	color: #fff;
}

.nav-secondary .genesis-nav-menu .menu-item:hover:before {
	color: #333;
}
 
.nav-secondary .genesis-nav-menu .current-menu-item:before {
	color: #333;
}

@media only screen and (max-width: 1023px) {

.genesis-nav-menu .menu-item:before,
.site-header .genesis-nav-menu .menu-item:before,
.nav-secondary .genesis-nav-menu .menu-item:before {
	font-size: 18px;
	top: 30px;
}
}

@media only screen and (max-width: 600px) {

.genesis-nav-menu a,
.site-header .genesis-nav-menu a,
.nav-secondary  .genesis-nav-menu a {
	padding-left: 10px;
}

.genesis-nav-menu .menu-item:before,
.site-header .genesis-nav-menu .menu-item:before,
.nav-secondary .genesis-nav-menu .menu-item:before {
	display: none;
}
}