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
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025