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

Hello,

The code has been corrected https://gyazo.com/ad22da7c56cff6e725cce689161513aa

Best Regards

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

Ok point closed

[Author]

Posts