Could you explain, what exactly do i need to copy to the header? and how to make sure it show on the left site of the header
Topic summary
Moving the Shopify currency selector from the footer to the header breaks the dropdown functionality after simply relocating the markup. The store change is on an unpublished theme.
Proposed approaches:
- Keep the original footer selector hidden via CSS and add a header control that triggers it via JavaScript (header JS dispatches selection to the hidden footer selector).
- Move the entire footer selector implementation, including attributes like data-section-type=“footer-section”, not just partial HTML, into sections/header.liquid. A shared code snippet (Pastebin link) is central to this approach.
Latest updates:
- Adding the snippet to sections/header.liquid did not work for at least one theme, suggesting theme-specific dependencies (JS/CSS). Another participant asked exactly what to copy and how to align it to the left in the header.
Status: No resolution yet. Key open items:
- Precisely which footer code and scripts must be moved to the header.
- Ensuring required JavaScript that powers the selector also initializes in the header.
- CSS adjustments for header placement (e.g., aligning to the left).