Custom Icons in the Nav Menu

[Effektor]

Any updates on this on how to quickly add custom images/icons to the navigation bar?

Cheers

[Kateryna Grynko]

Hi,

The code above works for me.

[Helsen]

Any update about feature to easy add images on nav bar?

[maxkatz]

Not yet.

[Jen5411892]

Katya,
I am finally getting back to this issue. It's still not working for me.

Here's my css:

[dsid=contact] .ui-icon {
background: url("http://appery.io/app/view/209b4ce6-48...");
background-size: 20px 20px;
height: 20px !important;
margin-left: 20px !important;
width: 20px !important;
}

I'm not sure if the url to the image is correct. It's in my assets section, but I had a hard time figuring out how to access the url.

[Maryna Brodina]

Hello! Please try with URL like this codeurl("../image/yourImageFileName.png") /code
Please note there should be your icon name

[Jen5411892]

This is my full image url: http://appery.io/app/view/209b4ce6-48...

If you click it, it is working. I just don't understand why it's not updating my icon.

I do have (".../image/75-phone.png") at the very end of the url.

[maxkatz]

Make the app link public. Can you also post the entire line of code?

[Jen5411892]

I published it on Appery. The name is 'ketersalon'. I also shared it with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a

Here is the code:

[dsid=contact] .ui-icon {
background: url("http://appery.io/app/view/209b4ce6-48...");
background-size: 20px 20px;
height: 20px !important;
margin-left: 20px !important;
width: 20px !important;
}

[Jen5411892]

I see what's happening: Instead of my nav bar item "contact" icon being changed, every icon on the "contact" page is being changed. So the first line is obviously wrong. What should it be?