Responsive mode icon color changing option

This topic has 2 replies, 2 voices, and was last updated 2 months, 2 weeks ago ago by Luca Rossi

  • Avatar: Moshe
    Moshe
    Participant
    February 21, 2024 at 21:36

    I’m writing to address an issue with the responsive version of my website header. While the desktop version displays correctly, the mobile version has an inconsistency with the color of certain icons, like the cart and wishlist icons.

    I’ve attempted to locate a color control option within the mobile-specific settings, but haven’t been successful. Could you please take a look and see if there’s a way to automatically adjust the icon color based on the mobile view?
    image file check please Already marked with black color.

    Thank you for your time and assistance.

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Justin
    Luca Rossi
    Support staff
    February 22, 2024 at 05:41

    Dear Moshe,

    We hope this message finds you well.

    In order to resolve the issue you are experiencing, we kindly request that you insert the custom CSS code provided below. Please navigate to the Theme Options, then proceed to Theme Custom CSS, and finally to Global CSS, where you can add the following lines:

    
    body .et_b-icon svg, 
    body .et_b_header-socials svg {
        fill: #000;
    }
    

    We trust this will address your needs effectively. Should you require any further assistance, please do not hesitate to reach out.

    Warm regards,
    The 8Theme Team

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