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;
}
}
}