Reply To: how to Change mobile sticky nav button icon

Hello,

We are glad that we could be of some help !

Regarding the icon concern, like we mentioned you earlier for the predefined items under the Mobile bottom nav bar there isn’t a separate option available to change their Icon, so we took the alternative way of using Custom CSS to change the Icon here.

Now, how it’s done for your ease of understanding; It is done by changing the content code of the Icon forcefully through Custom CSS which you now got the way yourself too, which is great to hear.

There was a minor mistake from our end in the CSS that we didn’t put the Mobile bottom nav bar class before the Custom CSS applied. That’s why that CSS was also applied on the Header Mobile menu icon too which we have now rectified on your Site.

For the Category type icon that you have mentioned, this is the Content Code for it: “\f122”

And if you want to apply it on the Shop Icon of your Site, then you need to apply the following Custom CSS on your Site under the Dashboard > Theme Settings > Custom CSS > Custom CSS for mobile area:

.wd-toolbar.wd-toolbar-label-show .wd-toolbar-shop .wd-tools-icon:before {
	content: "\f122" ;
	font-weight: 900 ;
}

Hope this helps !

Best Regards