Submenu Custom Icon

Hey karacafer,
You can add your icon with css, first you would determine the menu ID for the menu item, in this example it is #menu-item-3059
then use that ID in this css and the URL to your icon:

#menu-item-3059 span.avia-menu-text:before {
  content: url(https://img.icons8.com/color/17/wordpress.png);
    display: inline;
    padding-right: 10px;
    vertical-align: sub;
}

This is how this example worked:

Then repeat this for each menu item.

Best regards,
Mike

Hi,
Please link to your page so we can examine the elements and advise.

Best regards,
Mike

Hi,

Thank you for the info.

You can add the top css property to the previous css code to adjust the vertical position of the icon.

#menu-item-39 span.avia-menu-text:before {
    content: url(https://img.icons8.com/color/17/wordpress.png);
    display: inline;
    padding-right: 10px;
    vertical-align: sub;
    top: 1px;
    position: relative;
}

We tried to apply this modification to the site but the account above is not an admin.

Best regards,
Ismael

Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike