Add Icons to My Account Dropdown Menu

Hi there, I hope you are well.

How can I add icons to the drop-down “my account” menu item? I would like to add the icons that match from the “my account page” for each dropdown.

This is from inspect tool of the menu item I am referring to – <div class=”wd-dropdown wd-dropdown-menu wd-dropdown-my-account wd-design-default”>
<ul class=”wd-sub-menu”><li class=”woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link–dashboard”><span>Dashboard</span><li class=”woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link–orders”><span>Orders</span><li class=”woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link–downloads”><span>Downloads</span><li class=”woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link–edit-address”><span>Addresses</span><li class=”woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link–edit-account”><span>Account details</span><li class=”woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link–wishlist”><span>Wishlist</span><li class=”woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link–customer-logout”><span>Logout</span>
</div>

Thank you,

Hello,

Sorry to say Can you please share some screenshots where you want to add icons, so I will check and give you a possible solution? Also share the page url.

Best Regards.

Hi there, the page url is any page but I added a URL in the private section

In the header section where “my account” dropdown is, the dropdown is just plain text like this when you hover – Dashboards, Orders, Downloads, Addresses etc. Standard things. But it is only the text, which looks old to me, I would like to add icons on the left of this text menu items.

I have added screenshot of which menu item you need to hover to see the dropdown menu with Dashboards, Orders, Downloads, Addresses etc.

The icons I want to add are the ones that MATCH these menu items in the “My Account Page”. Dashbaord has its own icon, Orders has it’s own icon, Addresses has it’s own icon etc.

Thank you, I hope this is more clear.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry, but there is no option in Theme Settings available for that.

It requires customizations and this is beyond our limitations and support policy.

Regards.
Xtemos Studios

So this is not achievable with css?

Hello,

Unfortunately, it requires complicated customization to make it work, which is out of our basic support.

Thanks for understanding our limitations.

Best Regards.

[Author]

Posts