NAV MOBILE MENU ICON

Hello I have some custom icons that I want to add instead the default icons in the nav mobile menu
here you can see the behavior
for example in the cart default icon I want to use this icon

I hope you’re having a great day
Regards

Hello,

Please go to Theme Settings >> Genreal >> mobile Bottom navbar >> upload your custom icons: https://ibb.co/C53f5wR

Best Regards.

[ursawarrior]

Hello thanks for the answer, I have used it, but I want to change the login icon also, and the login icon is not a link, is a pop-up and I hope there is a way to change the icon

I have used the code

.my-account-with-icon .wd-tools-icon::before{
content: "";
display: inline-block;
background: url(https://tusmartpet.com/wp-content/uploads/2020/12/user.svg) no-repeat center;
background-size: contain;
width: 25px;
height: 25px;
}

But it’s not working totally, sometimes have a random behavior, due the code don’t change the icon in some pages,
Here you can see the behavior of the currently nav menu

• This reply was modified 3 years, 4 months ago by ursawarrior.

Hello,

You are Most Welcome.

The icon is displaying fine on my end. Please clear cache and check back.

Screenshot for Clarification: https://gyazo.com/279042e9dce5a92e85646cb0786c9bd4

Best Regards

[ursawarrior]

Yes, the icons look well in the home page but on the store page https://gyazo.com/4a280ffb6ec0b45ab78c6b7a26686b95, doesn’t
https://tusmartpet.com/tienda/
https://gyazo.com/5f69ed25f6fe3fb87f4405a3e169e85b
And you can see the differences between the icons, in home page, the default Icons are still there like the cart icon and I have changed to a new one (my custom icon), but this icon doesn’t appear
I’m not sure what the problem is, but I hope to change the store icon, cart icon, filter icon, and account icon.
I hope you can help me with this.
best regards

• This reply was modified 3 years, 4 months ago by ursawarrior.

Hello,

Please replace the CSS you added for the icon with the following then check back.

.wd-sidebar-opener.wd-on-shop>a:before {
content: “”;
display: inline-block;
background: url(https://tusmartpet.com/wp-content/uploads/2020/12/equalizer.svg) no-repeat center;
background-size: contain;
width: 25px;
height: 25px;
}

Best Regards

Hello I have added the new code

.wd-sidebar-opener.wd-on-shop>a:before {
content: “”;
display: inline-block;
background: url(https://tusmartpet.com/wp-content/uploads/2020/12/equalizer.svg) no-repeat center;
background-size: contain;
width: 25px;
height: 25px;
}

But the problem it’s still there
https://gyazo.com/8eb94d120d2571e0037ab1fcaae3c03b

https://tusmartpet.com/tienda/

Hello,

Please provide the login details of the website to let me assist you further. Because the login details provided earlier are not working.

Best Regards

Hello, ok thanks a lot for the help

Hello,

Your issue has been Resolved. Please clear cache and check back.

Best Regards

Hello Thanks a lot, it works

Best regards

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts