A Shopify store owner is experiencing a CSS issue with the footer currency selector. When hovering over the selector, the dropdown menu appears but immediately disappears when attempting to move the cursor over it.
Proposed Solution:
A community member suggested adding CSS code to assets/component-localization-form.css:
.footer .disclosure__list-wrapper{
transform: unset;
}
Current Status:
The initial fix partially resolved the issue, but introduced a new problem: the dropdown now “jumps” downward on hover instead of appearing in the correct position from the start. The store owner is seeking a solution to make the dropdown appear at the lower position immediately without the visual jump.
Issue remains unresolved and requires further CSS adjustments to fix the positioning behavior.
Hey guys, I have a problem with the currency selector in the footer. When I hover over it, the menu with the currencies opens normally, but as soon as I try to move the cursor over it, it disappears.
How can I fix this so it works like the currency selector in the header? I just want to be able to hover over it without it disappearing.
Here’s my store: https://1049xn-ya.myshopify.com/collections/all
Thanks a lot,
Tim
Hi @CreatorTim
Please add below code in assets/component-localization-form.css at end of file
.footer .disclosure__list-wrapper{
transform: unset;
}
Hey, so basically, when I hover over it now, it jumps down—it’s clear that it starts at the top and suddenly shifts lower. How can I make it stay low right from the start?
Take a look at how it works here: https://1049xn-ya.myshopify.com/collections/all
Thanks!