DIVI – adding an icon to a menu item

DIVI Custom Menu Item with Icon
/** CUSTOM PHONE NUMBER MENU LINK FORMATTING 
 * add icon, re-size, position, and flip horizontally
 */
#top-menu li.menu-item-266  a {
	font-weight: 700;
	font-size: 24px;  
	color: #BF1E2E;
}
@media ( min-width: 1025px) {
	.menu-item-266 a:before {
		content: "\e090";
		font-family: "ETmodules" !important;
		font-size: 90%;
		line-height: 1.0; 
		display: inline-block;
		margin-right: 0.4em;
		position: relative;
		top: 3px; 
/* flip horizontally */
		transform: scaleX(-1);
	} 
}

Leave a Reply