Solved

Shopping Cart & Search Icons Disappear When I Hover Over Them

atticuseby
Tourist
5 0 0

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!

Accepted Solution (1)
deepaksharma
Shopify Partner
448 62 92

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!

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com

View solution in original post

Replies 3 (3)

deepaksharma
Shopify Partner
448 62 92

hey there @atticuseby 

 

Your store is locked can you share the store password as well

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
atticuseby
Tourist
5 0 0

Yes! Password: liapew

deepaksharma
Shopify Partner
448 62 92

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!

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com