how to add dashicons to the genesis menu (with linked icons)

[Exkalibur85]

I found this tutorial about how to add dashicons to the genesis menu.

http://bradpotter.com/add-dashicons-to-the-genesis-framework-header-menu/

The thing is that when I do it, the dashicons are not linked, only the menu text is linked in the menu. But at his website the icons are well linked. I already contact the author but no response was recieved. Any one can give me a hand?

Thank you.

http://www.tcmchinatravel.com/

[Tom]

Hi,

Your menu items are behaving exactly as on the tut's page. So this is fixed, or were you expecting something different?

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Derek]

On Brads blog, notice when you hover over his dashicon and that image is clickable? I think that is what this member wants. I've already used Brads code and it does not make the dashicon clickable. Mine just highlights to a different color I used.

Actually I'd like to know how to do this with my dashicons. lol

<-- using whitespace pro theme

---

~’;’~

[Tom]

You are entirely correct; I was too quick with the mouseover and my reading skills had a major fade 🙂

To fix this, please try:

.genesis-nav-menu a {
  position: relative;
}

Edit: to fix the CSS, not my reading skilz!

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Derek]

That worked.

Thank you. 🙂

---

~’;’~

[Exkalibur85]

Awesome. That was what I need it and it works perfect.

You are so cool guys. I love this community.
Cheers.
Carlos

[Author]

Posts