[Resolved] New icon for a menu item on the navigation bar

[Huseyin]

Hi Team,

Wondering if this could be achieved on the navigation bar, I want to add a “new” icon next to a menu item, like the on the screenshot https://ibb.co/gtmPwf3

[David]

Hi there,

if its just a label you want to attach to a menu item. Then you can do something like this:

1. Edit the Menu Item – and in its label you can add some HTML, to include a span item with a class eg.

My Menu item <span class="menu-label">Label</span>

2. Add some CSS to style the label:

.menu-label {
  font-size: 12px;
  padding: 4px;
  background-color: #000;
  color: #fff;
  border-radius: 5px;
  line-height: 12px;
}

[Huseyin]

Thanks, David for the help.

[David]

You’re welcome

[Author]

Posts