Shopify themes, liquid, logos, and UX
My store has a dark logo, but in mobile dark mode, it doesn’t automatically change color and remains the same (attaching screenshot for reference). Is there a way to switch it to a lighter version?
Store link: https://barkblissboutique.com.au/
Any help is greatly appreciated
Hi @technase ,
Please check this process, It would be helpful for you.
Thank you!
Hi @technase
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
@media(max-width:767px){
.header__heading-logo {
filter: invert(1);
}
}
If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!
thank you but its not changing the logo's color in dark mode
Try this code
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
@media(max-width:767px){
.header__heading-logo-wrapper {
filter: opacity(0.5) !important;
}
}
If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!
still nothing
before:
After:
@media(max-width:930px){
img.header__heading-logo.motion-reduce {
filter: opacity(0.3);
}
}
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025