All things Shopify and commerce
Hi there,
My site is SUPER close to launch but I've just started experiencing a new issue that I need to solve ASAP.
I can see the cart and search icons in the upper-right corner of my screen until I try to click on one, but as soon as I hover over them, the icons disappear from view. I need to be able to see these icons regardless of whether I'm hovering over them or not.
If someone could help me troubleshoot this, I'd be greatly appreciative. Here's the link to my store: https://a3fe52-2.myshopify.com/. Password: liapew. Thanks in advance!
Solved! Go to the solution
This is an accepted solution.
Hey it is quite complicated step, you need to go online stores> Themes> Edit code
make sure to make duplicate first
after that open file called theme.css
in that find the code similar to
@media(hover: hover){
body:has(.site-header[data-transparent=true]):has(.main-content>.supports-transparent-header:first-child):not(:has(.main-content>.supports-transparent-header:first-child [data-prevent-transparent-header])):not(.search-opened) .site-header--transparent[data-text-color=white]:hover{
--text: --car(--black);
}
}
and instead of black write white there this will fix your issue
If you are unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.
Hopefully, it will help you. If yes then Please don't forget to hit Like and Mark it as the solution!
hey there @atticuseby
Your store is locked can you share the store password as well
Yes! Password: liapew
This is an accepted solution.
Hey it is quite complicated step, you need to go online stores> Themes> Edit code
make sure to make duplicate first
after that open file called theme.css
in that find the code similar to
@media(hover: hover){
body:has(.site-header[data-transparent=true]):has(.main-content>.supports-transparent-header:first-child):not(:has(.main-content>.supports-transparent-header:first-child [data-prevent-transparent-header])):not(.search-opened) .site-header--transparent[data-text-color=white]:hover{
--text: --car(--black);
}
}
and instead of black write white there this will fix your issue
If you are unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.
Hopefully, it will help you. If yes then Please don't forget to hit Like and Mark it as the solution!
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