Solved

How do i delete or lower the country/region section PLEASE HELP

rubberbands
New Member
6 0 0

 

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.

 

Schermafbeelding 2024-04-25 154815.png

 

Accepted Solutions (2)
ThePrimeWeb
Shopify Partner
2138 614 487

This is an accepted solution.

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.

ThePrimeWeb_0-1714090566679.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

ThePrimeWeb
Shopify Partner
2138 614 487

This is an accepted solution.

Hey @rubberbands,

 

Add this code also, same instructions. Under <head>.

 

<style>
.country-selector a {
    color: #fff !important;
}
</style>
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 5 (5)

ThePrimeWeb
Shopify Partner
2138 614 487

Hey @rubberbands,

 

Can you share the link to your store please? Share the password (if any) or disable it temporarily

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
rubberbands
New Member
6 0 0

The site is not live yet; here is the preview link: https://citmtech.com/ 

ThePrimeWeb
Shopify Partner
2138 614 487

This is an accepted solution.

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.

ThePrimeWeb_0-1714090566679.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
rubberbands
New Member
6 0 0

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

Schermafbeelding 2024-04-26 120907.png

ThePrimeWeb
Shopify Partner
2138 614 487

This is an accepted solution.

Hey @rubberbands,

 

Add this code also, same instructions. Under <head>.

 

<style>
.country-selector a {
    color: #fff !important;
}
</style>
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!