A user needed help removing or modifying a custom country and language selector widget in their Prestige theme footer. The selector was not part of the theme’s default options and appeared visually unappealing.
Solution provided:
Two options offered:
.locale__selectors-container { display: none !important; }select#country_code { width: 20% !important; }The issue was successfully resolved, with the original poster confirming the solution worked.
Hi, I had added a code to our website a while ago in order to add a country and language selector in the footer, its not the theme’s selectors. I cannot put my hand on that code and it really bothers me as it looks off and ugly now. Anyone can help us in getting rid of that ugly widget ?
see below
page is: www.jickie.co
thanks !!
Hi @carlajickie
I just like to clarify, what do you like change in the language selector? Do you like to remove or just adjust the width?
To adjust the width. Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
select#country_code {
width: 20% !important;
}
And Save.
Result:
To remove.
Same instruction.
.locale-selectors__container {
display: none !important;
}
And Save.
result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
thank you very much !!
