Menu icon dropdown

Hello,

We are adding icons to our menu bar. All have worked okay using CSS except our information dropdown where i icon is applying to all dropdown icons when we only want the icon to apply to the dropdown title ‘Information’. How do we do this please? This is the CSS code we are using:

.wd-header-nav .menu-item-11967 .woodmart-nav-link:before {
content: ‘ ‘;
position: absolute;
background-image: url(‘image URL removed for privacy’);
background-repeat: no-repeat;
background-size: 21px 21px;
height: 21px;
width: 21px;
}

.wd-header-nav .menu-item-11967 .nav-link-text {
margin-left: 26px;
}

Attachments:

You must be logged in to view attached files.

Hello,

For the “Information” menu item, you can apply the icon via its settings, or rather via Appearance -> Menus -> open that menu item and define the “Icon name (from FontAwesome set)” field: https://take.ms/x7ZWW

Then icon will work only for that menu item.

Kind Regards

[Author]

Posts