Add Icon to Nav Button

[Gerson]

So I’ve added a button to my navigation bar with the following code:

@media (min-width:769px) {
    .main-navigation .main-nav ul li.nav-button a {
        background-color: #0082B5;
        color: #ffffff;
        line-height: 48px;
			border-radius: 4px;
			
    }
}

Now I’d like to add this icon next to the text inside the button > Icon I’d like to add to button (note the SVG icon is white so won’t be visible on browser)

Could someone please let me know if this is possible?

[Leo]

Hi there,

You should be able to add <img> tag inside the navigation label field.

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts