Adding icons to base nav menu…

[rivermobster]

Using the Genesis Sample Stylesheet. I'm guessing that the code would be added somewhere in here? Hopefully?? lol

.genesis-nav-menu .menu-item {
display: inline-block;
margin-bottom: 0;
padding-bottom: 0;
text-align: left;
}

.genesis-nav-menu a {
color: #71c0be;
text-decoration: none;
display: block;
padding: 32px 20px;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus {
color: #d6ece7!important;
text-decoration: underline;
text-decoration-color: #71c0be;
}

I'd be happy to just use the Font Awesome icons, and color them to match my theme (background linear fade).

Is there a simple way to do this?

Development site for this: https://rivermobster.net/hardscape/

Thanks in advance!

-Joe

[askdesign]

It looks like you figured it out: I see the Font Awesome icons above the nav labels. Nice!

---

Anne S. Katzeff
Designer | Artist | Teacher

[Author]

Posts