How To Move The currency selector and Card Item Icon on the left side

Store Design
, , , , ,

Topic summary

A user seeks to reposition the currency selector and cart icon to the left side of their Shopify store header.

Current Issue:

  • The currency selector and cart icon are currently positioned on the right side
  • User wants them moved to the left side of the header

Proposed Solution:
A PageFly support representative provided CSS code to implement this change:

  • Navigate to Online Store → Theme → Edit code
  • Locate the base.css file
  • Add custom CSS targeting the header search and disclosure elements
  • The code adjusts margin and font-size properties with !important flags

Status: Solution provided but not yet confirmed as implemented or tested by the original poster.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

https://060ef5-5.myshopify.com/

1.png
1.png1843×506 61.2 KB

I want to do like this

2.png
2.png1843×506 98.1 KB

2

Hi @Jackson-pollock

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.disclosure span {

font-size: 2.5rem !important;

}

.EzfyHeaderSearch.EzfyHeaderSearch–desktop {

margin: 0 !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly