What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Relocate the Localization Language Selector from Footer to Header in Dawn theme

Solved

Relocate the Localization Language Selector from Footer to Header in Dawn theme

MPEK
Excursionist
16 0 4

How do I relocate the Localization Language Selector from Footer to Header in Dawn theme?  I would like the selector to be placed between the "PE Gallery" and the Search icon.  Thank you!

 

URL: www.mypekicks.storeselector.jpg

Accepted Solution (1)
StoreWatchers
Trailblazer
205 30 37

This is an accepted solution.

@MPEK 
Glad to know that it worked, now to fix the alignment issue, you can use the following code.
1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </body> and save the file.

<style>
form#FooterLanguageForm {
	margin-bottom: 30px;
}
.header__icons {
    align-items: center;
}
</style>

Please let me know if need further help.

Regards,
Store Watchers Support Team

 

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs

View solution in original post

Replies 8 (8)

StoreWatchers
Trailblazer
205 30 37

@MPEK 
Greetings from the Store Watchers Support Team! Happy to help you today.

Here are the steps to relocate the language selector from footer to header.
1. Go to Online Store-> Theme-> Edit code
2. Open your footer.liquid theme file and cut the code as shown in screenshot from <localization-form> to </localization-form>
StoreWatchers_0-1672749579057.png
3. Open header.liquid and paste code under header_icons div as showing in the below screenshot.

StoreWatchers_1-1672749926564.png

4. Save both files and check on the frontend it will show like this 

StoreWatchers_2-1672750028774.png

 

 

Let me know if need further assistance
Regards,
Store Watchers Support Team

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs
MPEK
Excursionist
16 0 4

Thanks very much.  It works, but now the header menu doesn't align at all.  How can I get the menu items and the social icons etc. to be aligned on the same horizontal axis.Need alignment.png

StoreWatchers
Trailblazer
205 30 37

This is an accepted solution.

@MPEK 
Glad to know that it worked, now to fix the alignment issue, you can use the following code.
1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </body> and save the file.

<style>
form#FooterLanguageForm {
	margin-bottom: 30px;
}
.header__icons {
    align-items: center;
}
</style>

Please let me know if need further help.

Regards,
Store Watchers Support Team

 

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs
MPEK
Excursionist
16 0 4

OMG it works!!!  The header is looking great all thanks to you!  Thank you very much!!!

StoreWatchers
Trailblazer
205 30 37

Glad to know that it helped @MPEK  🙂 

 

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs
floweractually
Excursionist
27 0 6

Hi, thanks for the guidance and the language selector looks good in desktop view but not in mobile view as icons next to it are squeezed together. Could I move the language selector to the hamburger menu when it's in mobile view ?

JB007
Tourist
3 0 1

Hi there, 

 

Hope all is well with you.

I am follow your instructions unfortunately, is not work on my store. I don't know what went wrong😫

url : www.eshoppiness.com  

 

Regards, 

Joyce

 

Ardoakha
Not applicable
1 0 0

I Save both files and after check on the frontend it works. but i would like to move the word language above the box selector and when i click the box, i would like to have dropdown language instead of pullup like footer on language selector. any advise ? My website is www.ardoakha.com

Ardoakha_0-1716052985030.png