How to change color of logo on mobile menu 7.1?

Hi,

I want to change the color of the logo only when the navigation on mobile is open. Currently is black I would like it to be white.

Also I want to change the shopping cart icon to white when the menu is open only. Currently what the X is doing now.

www.gypset.com
password: gypset2020

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.header--menu-open {
.header-title-logo img {
    filter: invert(1);
}
svg.icon.icon--cart {
    stroke: white !important;
}
}
}

On 7/18/2020 at 8:16 AM, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.header--menu-open {
.header-title-logo img {
    filter: invert(1);
}
svg.icon.icon--cart {
    stroke: white !important;
}
}
}

 

Hi Tuan, I tried this code but couldn't achieve nothing. I have different color logos throughout the website and im trying to have the same in the mobile version.

On 10/11/2021 at 10:55 PM, Gueifao said:

Hi Tuan, I tried this code but couldn't achieve nothing. I have different color logos throughout the website and im trying to have the same in the mobile version.

Hi. What is your site url?

6 hours ago, tuanphan said:

Hi. What is your site url?

 

masking.co

Just now, Gueifao said:

masking.co

miaskin.co

On 10/13/2021 at 9:23 PM, Gueifao said:

miaskin.co

Try this new code

@media screen and (max-width:767px) {
.header--menu-open {
.header-mobile-logo img {
    filter: invert(1);
}
svg.icon.icon--cart {
    stroke: white !important;
}
}
}

On 7/18/2020 at 8:16 AM, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.header--menu-open {
.header-title-logo img {
    filter: invert(1);
}
svg.icon.icon--cart {
    stroke: white !important;
}
}
}

 

Hi, anyone?

Is it possible to have this code work for just the homepage alone?

I have all other pages with a white background and on using this code they all have the header logo within them (which was black) reverted to white. I want the logo in the homepage to invert to black when the burger menu is clicked and revert to white when it's back to the homepage display. 

5 minutes ago, ikennajn said:

Is it possible to have this code work for just the homepage alone?

Yes, prefix your selector (on line 2) with the .homepage class.

22 minutes ago, paul2009 said:

Yes, prefix your selector (on line 2) with the .homepage class.

Thank you so much... It worked.