Home Forums WoodMart – Premium Template CHANGE FILTER ICON ON MOBILE SHOP PAGE

This topic contains 11 replies, has 2 voices, and was last updated by gevcen gevcen 1 year, 7 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #107112
    gevcen
    gevcen
    Customer

    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

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #107115
    gevcen
    gevcen
    Customer

    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.
    #107215

    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

    #107218
    gevcen
    gevcen
    Customer

    THe code shows error.

    Attachments:
    You must be logged in to view attached files.
    #107224

    Hello,

    Copy the code just from the forum.

    Best Regards

    #107237
    gevcen
    gevcen
    Customer

    I just tested it doesn’t work on my mobile

    #107258

    Hello,

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

    Best Regards

    #107323
    gevcen
    gevcen
    Customer

    Thanks. I noticed that they are actually different filters icons. May I know where you are taking the icon from the below picture?

    Private Content Hidden
    #107377

    Hello,

    We take icons from https://fontawesome.com/v4.7.0/icons/

    Best Regards

    #107455
    gevcen
    gevcen
    Customer

    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.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.

    Private Content Hidden
    #107549

    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

    #107786
    gevcen
    gevcen
    Customer

    Ok point closed

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘CHANGE FILTER ICON ON MOBILE SHOP PAGE’ is closed to new replies.