Remove compare from mobile menu, change color and add title for filtre mobile

This topic has 6 replies, 2 voices, and was last updated 9 months, 1 week ago ago by Tony Rodriguez

  • Avatar: fshemporium
    fshemporium
    Participant
    June 9, 2023 at 02:03

    Hello, i would like to know, where i can totally remove Compare from Mobile menu and where i can change the filter icon style because he is not very conspicuous.

    Some pictures if you don’t see what i mean.
    https://ibb.co/ZYMfRYB
    https://ibb.co/mR9WVPP

    Best regards

    5 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    June 9, 2023 at 05:29

    Hello, fshemporium,

    Thank you so much for purchasing our theme and contacting our support center.

    1. If you would like to remove the Compare option from the Mobile Menu, please navigate to XStore > Theme Options > Header Builder > Mobile Menu > Elements, deactivate Compare and then Publish.

    For your reference, please see the attached image. https://postimg.cc/pyKh0J6J

    2. If you want to change the color of the filter icon on mobile, please copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and check back to your site after clearing the browser cache:

    @media only screen and (max-width: 767px){
    .woocommerce-shop .et-toggle-mob-sidebars-inner{
    color: #ff2020 !important;
    }
    }

    You can adjust/change the color code value in the code as needed.

    AND

    You can change the mobile sidebar off-Canvas icon by navigating to XStore > Theme Options > WooCommerce > Shop > Shop Page Layout > Off-Canvas Icon > Select SVG Image and Publish it.

    Please refer to the image provided at the following link for further reference: https://postimg.cc/nX19FZLM

    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Best Regards,
    8Theme’s Team

    Avatar: fshemporium
    fshemporium
    Participant
    June 13, 2023 at 00:31

    Hello, thanks for you help, i found this SVG seem very good, how can i change Off-Canvas Icon size ?

    https://www.svgrepo.com/svg/233894/settings-setup

    Best regards

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    June 13, 2023 at 05:12

    Hello, fshemporium,

    If you want to change Off-Canvas Icon size on mobile, please copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and check back to your site after clearing the browser cache:

    @media only screen and (max-width: 767px){
    .woocommerce-shop .et-toggle-mob-sidebars-inner{
        font-size: 25px !important;
    }
    }

    You can adjust/change the font-size code value in the code as needed.

    We hope this will solve your issue.

    Best Regards,
    8Theme Team

    Avatar: fshemporium
    fshemporium
    Participant
    June 20, 2023 at 03:54

    Hello thanks for your reply,
    i have past the code like you said, but the problem is, that work only on /Shop and not on all categories.

    1
    2

    Best regards

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    June 20, 2023 at 05:10

    Hello, fshemporium,

    If you want to change Off-Canvas Icon size on all archive pages on mobile, please copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and check back to your site after clearing the browser cache:

    @media only screen and (max-width: 767px){
    .et-toggle-mob-sidebars-inner{
        font-size: 25px !important;
    }
    }

    You can adjust/change the font-size code value in the code as needed.

    We hope this will solve your issue.

    Best Regards,
    8Theme Team

  • Viewing 6 results - 1 through 6 (of 6 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.