Return to previous page

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, 9 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

    #243860 Copied Theme version: 3.6.7
    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

    #243907 Copied
    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 ?

    #244172 Copied
    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

    #244183 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme

See All Templates

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