How to change color & size of the product filter icon in mobile view?

This topic has 4 replies, 2 voices, and was last updated 3 years, 7 months ago ago by Rose Tyler

  • Avatar: Priya
    Rashika
    Participant
    July 9, 2020 at 19:55

    Take a look at this https://prnt.sc/tex3f1

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 10, 2020 at 08:47

    Hi,

    Add this code in Theme Options > Theme Custom CSS > Global custom CSS:

    .et-toggle-mob-sidebars-inner svg {
        fill: white;
    }
    .et-toggle-mob-sidebars-inner .et-toggle {
        background-color: #43a047;
    }

    Regards

    Avatar: Priya
    Rashika
    Participant
    July 12, 2020 at 09:25

    This doesn’t increase the size. Also, can we allow it to shift or float so that the user can drag it to the convenient location according to him? If not, how to change it place of visibility ?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 12, 2020 at 10:19

    Hello,

    Change the previous code to –

    .et-toggle-mob-sidebars-inner svg {
        fill: white;
        font-size: 20px;
    }
    .et-toggle-mob-sidebars-inner .et-toggle {
        background-color: #43a047;
    }
    .et-toggle-mob-sidebars-inner {
        top: 20%;
    }

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.