Move Currency Conversion from Header to Announcement Bar (Stiletto Theme)

Shopify Discussion
1

Evening All,

Does anyone know what CSS Code i can use, to move the Currency Selector from the Heading Section to the Announcement Bar as per the Red Arrow? I’m currently using the Shopify Theme Stiletto.

Screenshot 2023-03-17 at 02.00.52.png
Screenshot 2023-03-17 at 02.00.52.png2458×212 15.1 KB

Thank you in advance,

2

Hello @TOL1 ,

You can follow these steps:

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

GemPages_0-1679020066512.png
GemPages_0-1679020066512.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1679020086351.png
GemPages_1-1679020086351.png1546×915 75.3 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

3

Thank you for such a quick and correct response GemPages, its greatly appreciated!

4

Evening Gem Pages,

Although your aforementioned suggestion worked, i’ve noticed the Announcement Bar & Header now flicker when you load / refresh the page, and you can briefly see it move from the original position to new position. Do you know if there is a way to stop this?

Thanks