How to move the language switcher to header or menu in Dwan Theme

Start a Business
,

Topic summary

Goal: Move the language switcher from the footer to the header/menu in Shopify’s Dawn theme.

Proposed approaches:

  • Use Shopify Theme Support: Staff confirms this can be done within the included 60 minutes of design time (official guide linked).
  • Manual edit: Several replies suggest editing theme code. Steps shared: open Sections > header.liquid, cut the language dropdown block (example shown) and paste it above the main header navigation (e.g., before {% section ‘header-nav’ %}), then save. A screenshot example is referenced. Code snippet is central to this approach.

Theme variations and questions:

  • Debut: One reply says the same procedure applies.
  • Empire: A user asks about moving selectors from the utility bar; no answer provided yet.

Current complications:

  • Some Dawn users report the language code only exists in the footer, not in header.liquid (especially with a sticky header), so the suggested move isn’t straightforward.

Status: No confirmed universal fix. Options are Shopify Support customization or custom code adjustments; further guidance needed for Empire and Dawn cases with footer-only code.

Summarized with AI on December 16. AI used: gpt-5.
1

question.png
question.png1365×619 402 KB

I want to add language switch in red circle, how to add? Please help thank you

My website is https://eccellenzagroup.com

2

Hi @AMOne . As you are using Dawn this is actually possible to request as part of each paid Shopify account’s 60 minutes of design time from Shopify Theme Support:

https://help.shopify.com/en/manual/online-store/themes/theme-support/theme-support-customization#add…

3

@AMOne Just put language selector code in your desire location where you want to add.
Look into the below picture i have added.

Ujjaval_0-1678781044979.png
Ujjaval_0-1678781044979.png1594×792 60.8 KB

4

Hello @AMOne ,

To move the language switcher to the header or menu in the Dawn theme on Shopify, you can follow these steps:

  • Go to Online store > Themes-> Actions → Edit code → Sections
  • Click on the “header.liquid” file to open it.
  • Scroll down to the section of the code that contains the language switcher code. This should look something like this:
{% if settings.language_dropdown %}
  {{ 'layout.nav.language_dropdown' | t }}
{% endif %}
  • Cut this code by highlighting it and pressing “Ctrl + X” (or “Command + X” on a Mac).
  • Scroll up to the top of the file and find the section of code that contains the main header navigation. This should look something like this:

  {% section 'header-nav' %}
  • Paste the language switcher code immediately above this section of code, like this:
{% if settings.language_dropdown %}
  {{ 'layout.nav.language_dropdown' | t }}
{% endif %}

  {% section 'header-nav' %}
  • Save your changes

Hope these can help.

Have a nice day,

Transcy

5

Hi @Transcy , will the same procedure be used for the Debut theme?

6

Hello @TerezaK ,

Yes, the procedure will be the same.

2 Likes
7

Hey @Transcy would the procedure be same for Empire theme or more precisely if i want to move the selectors up from the utility bar?

Would really appreciate your feedback. Thank you!

8

Could you explain how can I get this switcher to header, if my current theme (dawn) have it on footer?

there is absolutelly no code regarding language (not even language word) in header.liquid file. Only in footer. Probably worth mentioning I use sticky header.