CHANGE FILTER ICON ON MOBILE SHOP PAGE
-
Dear,
On the mobile version of the shop page, we have twice the same burger icon. We have it on the main menu and we have it on the filters menu.
How can I change the filters’ menu icon to a real “filter” icon? https://fontawesome.com/v4.7.0/icon/filter
Thanks
Attachments:
You must be
logged in to view attached files.
Note that such icon already appear when you scroll down, but I don’t understand why you don’t implement this good icon already in the “menu filter” icon?
Attachments:
You must be
logged in to view attached files.
Hello,
Add this code to the Theme Settings > Custom CSS > Global:
body .woodmart-show-sidebar-btn .woodmart-side-bar-icon {
display:none;
}
.woodmart-show-sidebar-btn:before {
content: "\f0b0";
font-size:20px;
font-weight:400;
color:rgba(0,0,0,.3);
margin-right:10px;
font-family: "FontAwesome";
}
Best Regards
THe code shows error.
Attachments:
You must be
logged in to view attached files.
Hello,
Copy the code just from the forum.
Best Regards
I just tested it doesn’t work on my mobile
Thanks. I noticed that they are actually different filters icons. May I know where you are taking the icon from the below picture?
Hello,
We take icons from https://fontawesome.com/v4.7.0/icons/
Best Regards
I checked and looked for filters, there is only 1.
https://fontawesome.com/v4.7.0/icon/filter
This one is a filter filled in with black.
https://xtemos.nyc3.digitaloceanspaces.com/wp-content/uploads/2019/02/50635356_2059461517466340_1815899970746712064_n.png
This one from your theme is filter filled in with white.
They are different.
I disactivated the custom code you provided to check what’s the link to your filter, and it’s “\f115” but when I apply it, it looks totally different.
Hello,
This icon can be filled with this filter only. Our theme icon integration will require more complicated customization which is not covered by our support.
Best Regards
The topic ‘CHANGE FILTER ICON ON MOBILE SHOP PAGE’ is closed to new replies.
.
