Collection menu hover effect - Athens theme

Solved

Collection menu hover effect - Athens theme

David123123
Shopify Partner
71 0 9

Hello,

 

Is it possible to change the color hover background of the collection menu (attached in ss) just like the product hovers? I only want it to affect these 2.

 

shop- artgex.myshopify.com 

pass-Superpowers123

Screen Shot 2022-12-07 at 12.35.23 PM.png

Screen Shot 2022-12-07 at 12.36.44 PM.png

  

Accepted Solution (1)

GemPages
Shopify Partner
5624 1261 1231

This is an accepted solution.

Hello @David123123 

 

It's GemPages support team and glad to support you today.

You can follow these steps:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :

 

<style>
      a.pill-nav-item.color-background-1:hover{
         background: #000;
         color: #fff !important;
      }
</style>

 

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 3 (3)

GemPages
Shopify Partner
5624 1261 1231

This is an accepted solution.

Hello @David123123 

 

It's GemPages support team and glad to support you today.

You can follow these steps:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :

 

<style>
      a.pill-nav-item.color-background-1:hover{
         background: #000;
         color: #fff !important;
      }
</style>

 

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
David123123
Shopify Partner
71 0 9

Thanks for the help!

GemPages
Shopify Partner
5624 1261 1231

I am glad that my solution is helpful to you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center