mix-blend-mode on mobile not working

[PTD]

Dear Laytheme team,

Using the following code in "Custom CSS & HTML" > "Custom CSS", mix-blend-mode for my site title and menu seems to be working fine on desktop, however, it fails to show on mobile. Would you be able to help me to get it to work on mobile? Many thanks! :)

.sitetitle {
mix-blend-mode: difference;
}
.sitetitle-txt-inner {
color: white;
}

.primary {
mix-blend-mode: difference;
}
.primary span {
color: white;
}

https://phanthaodang.com/

[arminunruh]

the mobile nav has the class
.mobile-nav

on mobile, not .primary

and the site title has the class

.mobile-title

you'd need to inspect the elements using developer tools in chrome for example, resize the website so the mobile version is shown

google how to use chrome inspector

[PTD]

@arminunruh Thank you, you are a genius! :)