How do i delete or lower the country/region section PLEASE HELP
How can I remove the country/region section from my Shopify mobile website? As you can see in the image, this section takes over the entire header, making it impossible to see the different tabs. Can someone please help me lower or remove it? I have already turned off the checkbox.
Hey @rubberbands,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.disclosure__list-wrapper.country-selector[hidden] {
display: none !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @rubberbands,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.disclosure__list-wrapper.country-selector[hidden] {
display: none !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Thank you so much for the solution. However, I have one more issue: the text in the country/region section is now the same color as the header background, making it invisible. I can't find where to adjust this. Do you know how I can fix this?
the color of the tekst needs to be white
Community Blog Articles
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025
Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025