How add icons in navigation bar

Dear Sir,

I have enclosed the screenshot. kindly assist how to add the icons in navigation bar as given in the demo. I have tried with this code Home in the menu option but didn’t work.

Thanks in advance.
Regards,
Rahul:)

Hi please avoid this query. find the solution in knowledgeable.

Thanks … really, everything is in detailed in the documentation.
but one thing I wanted to know, from where can I get the list of icon coloraturas. like icon-red … what are the other colours which I can give…

Hello there,

Thank you for reaching out to us here.

You’re welcome! Glad to know you got it.

Visit your menu editing panel under the Appearance menu. Expand the “Screen Options” and enable “CSS Classes”. Edit one of your menu item, and add “icon-red” class name without quotes.

Screen Shot 2020-04-09 at 10.06.37

Accepted class names are: icon-red, icon-blue, icon-yellow, icon-green, icon-cyan.

To create your own class name with a new color add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .navbar-nav>li.my-color::before {
      color: #fff000;
    }

Save.

Now you can use my-color for your menu class name.

Regards,
Kharis
aThemes Support

Thank You.
Regards,
Rahul

1 Like

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support