Shopify themes, liquid, logos, and UX
How can I move the language switcher to the right side ?
Solved! Go to the solution
This is an accepted solution.
Hi @Iozols , please add the following css at the end of your theme.css file
#HeaderLanguageFormMobile .disclosure__list-wrapper {
right: -100% !important;
}
@Iozols ,
Go to theme.css file and add the following code :
@media(max-width:700px){
localization-form {
margin-left: auto !important;
}
}
Result:
May I know do you want to move the Languages text to the right side or Whole Language Selector?
If you want to move the whole then please paste this code in the end of theme.css file.
localization-form {
display: flex;
justify-content: flex-end;
}
This is an accepted solution.
Hi @Iozols , please add the following css at the end of your theme.css file
#HeaderLanguageFormMobile .disclosure__list-wrapper {
right: -100% !important;
}
Hi @Iozols,
Go to Online Store > Themes > Actions > Edit Code
Find style.css in search bar and paste this code in the bottom of this file:
@media(max-width:820px){
localization-form {
margin-left: auto !important;
}
}
Save the file and check the changes
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025