Adding menu icons?

Question

How can we add icons on the navigation? Thanks :)

Answer 1

Every menu item has assigned own class so you can use css background image for each menu.

Example:

qa-nav-main-activity{background:url()no-repeat left center;

 

Comments

They don't help.

:hover is not working either...

http://limoniyidir.com

---

You have applied background directly on your li with the class where your hover event is on anchor tag with this class .qa-nav-main-link:hover..

So try to add icon class + .qa-nav-main-link:hover. example

.qa-nav-main-tag .qa-nav-main-link{
your background and other css...
}
.qa-nav-main-tag .qa-nav-main-link:hover{
your hover css
}

---

Thanks dude, your a star! I found the main class too... For those who might face the same issues;

.qa-nav-main .qa-nav-main-link    {background: url(...);}
.qa-nav-main .qa-nav-main-link:hover     {background: url(...);}
.qa-nav-main-questions .qa-nav-main-link {background: url(...);}

the main + :hover has to be infront of the rest or you will get duplicates for questions and tags links.

---

Glad to know that works for you.. if this answer works than select as a working answer for other user to refer.