I have two main markets, EU and US. I’d like to have a menu navigation for EU users and another for US users. I haven’t found an easy solution for this common need. I use Dawn.
Hi @CharlieAji ,
Please share your store url and password , if password protected.
Thanks
Manoj
@CharlieAji
Use Shopify Markets + Local Menus (Best Practice)
-
Go to Settings → Markets in your Shopify admin.
-
Create your EU and US markets (if not already).
-
In each market, you can customise:
-
Domains/subfolders (e.g.
yourstore.comfor US,yourstore.com/en-euoreu.yourstore.comfor EU). -
Languages and currencies.
-
Once you have separate domains or subfolders, you can use different navigation menus per market via “Online Store → Navigation”. Each market’s domain can point to a different menu (e.g. Main Menu EU, Main Menu US).
Dawn will automatically pull the correct menu depending on the market visitors are routed into.
Hi @CharlieAji ,
I hope you are doing well!
To change the header or navigation menu, follow the steps below:
1.) Create the Shipping profile for both the places, for example: EU and US.
2.) Go to Online store >> Customize >> Click on Store default settings and click on Locations where you want to change the navigation. If you want to change it to US, click on US
3.) You can add or remove the section or make the changes according to your needs or requirements.
Click on Save and Now, the changes will be made to the specific locations.
If you stuck somewhere or have questions, feel free to reply me or message me.
1 Like
Hi @CharlieAji
Option 1: Shopify Markets + Geolocation app (Recommended)
If you already use Shopify Markets, you can:
Create two separate menus (e.g., main-menu-eu and main-menu-us).
Use Shopify’s free Geolocation app to automatically suggest the correct market (EU or US).
Then, inside your theme, replace the navigation code in header.liquid with a condition:
{% if localization.country.iso_code == "US" %}
{% render 'header-menu', menu: settings.main_menu_us %}
{% else %}
{% render 'header-menu', menu: settings.main_menu_eu %}
{% endif %}
This checks the user’s country code and loads the right menu.
Option 2: Manual geolocation snippet
If you don’t want to depend on Shopify’s app:
Duplicate your menus (EU/US).
Add both in header.liquid.
Use JavaScript + GeoIP (or Shopify’s localization.country.iso_code) to show/hide menus. Example:
<nav class="menu-eu" {% unless localization.country.iso_code == "EU" %}style="display:none;"{% endunless %}>
{% render 'header-menu', menu: settings.main_menu_eu %}
</nav>
<nav class="menu-us" {% unless localization.country.iso_code == "US" %}style="display:none;"{% endunless %}>
{% render 'header-menu', menu: settings.main_menu_us %}
</nav>
Option 3: Use an app (no coding)
If you prefer apps, these work well:
GeoIP Country Redirect (can load different menus/pages by country).
WeGlot + Shopify Markets (for language/market + navigation).
Note: If you’d like my help with your store customization, feel free to contact me at devcodersp@gmail.com
Please like and accept my solution. 
2 Likes
Hi, thank you for your answer but, unfortunately, I don’t have the “Search markets” field. It’s just not there
1 Like
Hi @CharlieAji
Dear, if you are not able to do it, please send me the collaborator code. I will implement it and update you. Email – devcodersp@gmail.com
1 Like
Can you please let me know if you have checked the 1st step and created a profile according to locations and zones?
Does this still work the same way - code in header - now that the Shopify Geolocation app has been retired? It went away shortly after this was posted!
I read though all of the solution that provided by experts in this community.
The response by @AiTrillion is truly fit, what you are looking for. But nowdays most of the merchants facing issue with not showing the Default Content near the home page. That say, then you need to implement the solution provided by @ProtoMan44
There is no solution left beyond this.
If you need help with implement this, then feel free to reach me out.