• 

  dumbdumbdelight

  Participant

  November 26, 2025 at 05:16

  I noticed that in your examples, menu items can have icons added to them. By default, these icons appear in gray, and they change to black when you hover over them with your mouse.

  Example URL：https://xstore.8theme.com/elementor2/furniture3/product-category/storage/

  How do I set this up?

  Files is visible for topic creator and
  support staff only.

  #460791 Copied
  3 Answers
  

  Samir Malik

  Support staff

  November 26, 2025 at 07:15

  Hello @dumbdumbdelight,

  1. When editing your menu items, you will find an option to upload an image: https://prnt.sc/9K2-xor6sZsO.
  2. Click on the “8Theme Custom Link Options” link: https://prnt.sc/OZCknQjVOGR8.
  3. Configure the images as shown in this screenshot: https://prnt.sc/DHMvui92GIDI.

  Best regards,
  The 8Theme Team

  #460798 Copied
  

  dumbdumbdelight

  Participant

  November 26, 2025 at 07:45

  However, you didn’t explain how to set the icon for the “hover” and “active” states.

  #460800 Copied
  

  Ayan Rahman

  Support staff

  November 26, 2025 at 08:05

  Hello,

  Thank you for reaching out to us.

  By default, there is no option to change the menu item icon on hover. However, you can modify the menu item highlight color through the Header Builder. Here is an example: https://prnt.sc/p2kjr8Yp3PH2

  Warm Regards,
  The 8Theme Team

  #460802 Copied
• Viewing 4 results - 1 through 4 (of 4 total)