Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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.store
Solved! Go to the solution
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
@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>
3. Open header.liquid and paste code under header_icons div as showing in the below screenshot.
4. Save both files and check on the frontend it will show like this
Let me know if need further assistance
Regards,
Store Watchers Support Team
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.
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
OMG it works!!! The header is looking great all thanks to you! Thank you very much!!!
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 ?
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
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
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024