How can I add icons to Enfold Secondary Menu items?

Hey dennisnoharemanon,
Thanks for the link to your site, I recommend saving your icons as image files such as png or jpg and then use CSS to add the images, here is an example of what it would look like.

#header_meta .sub_menu #menu-item-2545:before {
  content: url(/blog.png);
  display: inline-block;
  padding-right: 10px;
  height: 10px;
  width: 10px;
}
#header_meta .sub_menu #menu-item-2546:before {
  content: url(/mail.png);
  display: inline-block;
  padding-right: 10px;
  height: 10px;
  width: 10px;
}
#header_meta .sub_menu #menu-item-2547:before {
  content: url(/phone.png);
  display: inline-block;
  padding-right: 10px;
  height: 10px;
  width: 10px;
}

Please give this a try and let us know if you have any trouble.

Best regards,
Mike

Hi,
Thanks for the feedback, try adding this css:

#header_meta .sub_menu #avia2-menu li {
  display: flex;
  align-items: center;
}

After applying the css, please clear your browser cache and check.
My test results:

Best regards,
Mike

Hi,
Glad we were able to 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