Adding Hover Effect to the Currency Selector in the Header

Store Design
, , ,
1

Hey guys, I need to add a hover effect to the currency selector.

Right now, I have to click on it to open the dropdown with country and currency options. I’d like it to open the dropdown when I hover over it and close it when I move the cursor away.

Exactly like how the “PRODUCTS” dropdown works on my store.

Here’s my store URL: https://1049xn-ya.myshopify.com/

Thanks a lot,
Tim

2

Hi @CreatorTim

  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.
.disclosure__list-wrapper.country-selector {
    display: none;
}
.disclosure:hover .disclosure__list-wrapper.country-selector {
    display: block !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!

3

Thank you! It works!