Mobile Toolbar Icons Customization

Hi WoodMart Support Team,

I want to replace the mobile toolbar icons (Home, My Account, Cart) with custom icons uploaded via Media.

The problem is that the icons are generated dynamically, and using the URL field changes the link but not the icon. I need to keep the original functionality (like the Side Menu for My Account) without changing the URL.

Is there a supported way to replace the icons only while keeping all functions working?

Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry, there is no option in the theme to change the icons for the premade buttons. But you can try to change the icon with custom CSS code. Like this for My account icon:

.wd-header-my-account .wd-tools-icon:before {
    content: "";
    background-image: url(https://supporttestsites.theblackpearlspro.com/woodmartsupport/wp-content/uploads/2026/01/electronics-2-free-shipping.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
}

You can see the result like this: https://ibb.co/HWMzRLS

Best Regards.

[Author]

Posts