Change blog movil navigation menu icon

Hello, I hope you can help my with this request, I would like to change blog Sidebar Icon in mobile view due to there is an icon with three points which it is no what I want. I have tried with my custom Css code but with not success. I hope you can help me with this feature. Just to let you know, I have already changed sidebar (filter icon) icon from my shop page, but I couldn’t changed it from my blog sidebar icon. This is for Nav mobile menu.

Here I attached my site and some images what I am talking about

Best regards.

Hello,

Please check the Theme Settings > General > Mobile bottom navbar and you will find the option to change the items, and upload your custom icons.

If you have any questions please feel free to contact us.

Best Regards

Hello thanks for the answer, it works for custom button, but I want to do it for off canvas sidebar, due to there are two off canvas side bar, for shop and blog, I want to change off canvas sidebar from my blog, from my store I had already change it, but blog off canvas sidebar I couldn’t, that is my request.

https://gyazo.com/4558a6b1d2c1c15928c1443155ccf4ac

Best Regards.

Hello,

Choose the off canvas sidebar button from the drop down from Theme Settings > General > Mobile bottom navbar.
https://ibb.co/Wz4NJZ6

Best Regards.

Hello thanks for the answer, that right I have already selected that option, but what I want is change off sidebar canvas Icon in mobile view, I have already change it in shop page with the code

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

This code change off side bar canvas in shop, I want to do it the same in blog page, but I coudn’t , I hope you now undestand me, thanks a lot for the support. Because blog page has a different off canvas sidebar from shop page.

Here is an picture of how does BLOG off canvas sidebar looks like:
https://gyazo.com/4558a6b1d2c1c15928c1443155ccf4ac
That three dots icon, is what I want to change.

Best Regads.

Hello,

Add below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

.wd-sidebar-opener.wd-not-on-shop>a:before {
   font-family: "woodmart-font";
   content: ""!important;
  display: inline-block;
background: url(https://tusmartpet.com/wp-content/uploads/2023/08/equalizer.svg) no-repeat center;
background-size: contain;
width: 25px;
height: 25px;
}

Change the icon as per your requirements.

Best Regards.

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