Add Icon to the main menu

Hi Rikard,

I wanted to use the icon of the house for the home page link rather than text. I was able to figure it out, but positioning it wasn’t easy. Initially the icon sat completely below the header. I was able to adjust the vertical position because it was the last child in the menu. But I may also need to use a cart icon for a store, and I’m not sure I’d know how to position that. I looked for a way to apply a class to a specific menu item, but can’t figure that out either.

Thanks,
Mike

Hey Yigit,

I did that: [av_font_icon icon='ue800' font='home' size='20px'][/av_font_icon]

And added some custom css to adjust the position (just a bit) and the color/hover color.
/*Home Button*/
#top .main_menu .menu>li:last-child>a {
margin-top: 1px;
color:#919191;
}
#top .main_menu .menu>li:last-child>a:hover {
margin-top: 1px;
color:#666666;
}

If I need to also add a shopping cart icon, how would I make adjustments to that specific icon, use a class, the id (id=”menu-item-xxxx”)? And just how would I do that? Coding isn’t my strong suit if you haven’t guessed.

Thanks for your help.