A user wants to relocate the country/currency selector from the website footer to the header, positioning it near the login and cart icons. They’ve partially succeeded using custom CSS to move it upward and adjust dropdown arrows, but seek further refinement.
Solutions Provided:
PageFly-Victor and GemPages both offered CSS-based approaches:
Edit base.css or theme.liquid files in the theme code editor
Add custom CSS to hide the footer language form and reposition elements using flexbox/display properties
Code snippets and screenshots were shared to guide implementation
Follow-up Requests:
The original poster asked about creating a floating selector in the bottom-left corner instead
Mentioned uncertainty about where exactly to paste the provided code
Wanted to display only countries/currencies (removing language options)
Resolution:
The discussion remains open regarding the floating implementation. The original poster later referenced a separate thread where they created a floating currency selector, suggesting they found an alternative solution that better met their needs. Another user (Payal20) joined seeking similar guidance for the Colorblock theme.
Summarized with AI on November 24.
AI used: claude-sonnet-4-5-20250929.
Currently the country and currency selector is by default at the very bottom of my shopify website. I would like to move it to header, right next to members’ login and shopping cart. Is there any way to do it?
I manage to move it up using this code:
Show More
Then I fixed the arrows to show down by adding this code:
Show More
.disclosure__list-wrapper {
Show More
bottom: auto !important;
Show More
}
The result is as shown below. I want to remove the language changer and to move the currency to the left of the search button on the header as I show in the picture below.
