How To Remove Country/Region Heading And Remove It’s Border In Footer

[MMast]

Thanks in advance!

I am looking to remove the ‘Country/region’ selector heading and remove the border around the currency selection (in my case, Canada) in the footer section, that works for both mobile and pc version. Example shown below.

https://decemberschild.com
password: dc

[Vinsinfo · Accepted solution]

@MMast Please follow below steps to remove country/region heading and border. Let me know whether it is helpful for you.

1. From admin go to "Online Store" -> "Themes".

2. Click "Customize" button from the current theme.

3. Click "Footer".

4. Then scroll down and paste the below code in the "Custom CSS" field and save changes.

#FooterCountryLabel {
  display: none !important;
}
.disclosure__button:after {
  box-shadow: none !important;
}

Result will be like,

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[Moeed · Accepted solution]

Apologies for the confusion,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
h2#FooterCountryLabel {
    display: none !important;
}
.localization-form__select:after {
    box-shadow: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[ProtoMan44 · Accepted solution]

@MMast  ok so replace above cod to this 

h2#FooterCountryLabel {
    display: none;
}
.disclosure .localization-selector:focus, 
.disclosure .localization-selector:after {
    box-shadow: none;
}

if it solved so please mark it as solved.

[Dan-From-Ryviu · Accepted solution]

Hi @MMast 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

.footer__localization h2#FooterCountryLabel {
display: none;
}
button.localization-form__select:after {
border: none !important;
box-shadow: unset !important;
}

 

[niraj_patel · Accepted solution]

Hello  @MMast 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
h2#FooterCountryLabel {
display: none !important;
}
.localization-form__select:after, .localization-form__select:before {
box-shadow: unset !important;
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[ProtoMan44]

@MMast  hey, thanks for posting here.
put this code in css file or in custom css block ub customizer.

h2#FooterCountryLabel {
    display: none;
}

 

if it helpful so pleas mark it as solve.

thanks.

[MMast]

I am looking to remove the border and heading but keep the country (in my case, Canada) selector.

[ProtoMan44 · Accepted solution]

@MMast  ok so replace above cod to this 

h2#FooterCountryLabel {
    display: none;
}
.disclosure .localization-selector:focus, 
.disclosure .localization-selector:after {
    box-shadow: none;
}

if it solved so please mark it as solved.

[Moeed]

Hey @MMast 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.footer__column.footer__localization.isolate {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[MMast]

I am looking to remove the border and heading but keep the country (in my case, Canada) selector.

[Moeed · Accepted solution]

Apologies for the confusion,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
h2#FooterCountryLabel {
    display: none !important;
}
.localization-form__select:after {
    box-shadow: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Vinsinfo · Accepted solution]

@MMast Please follow below steps to remove country/region heading and border. Let me know whether it is helpful for you.

1. From admin go to "Online Store" -> "Themes".

2. Click "Customize" button from the current theme.

3. Click "Footer".

4. Then scroll down and paste the below code in the "Custom CSS" field and save changes.

#FooterCountryLabel {
  display: none !important;
}
.disclosure__button:after {
  box-shadow: none !important;
}

Result will be like,

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[Dan-From-Ryviu · Accepted solution]

Hi @MMast 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

.footer__localization h2#FooterCountryLabel {
display: none;
}
button.localization-form__select:after {
border: none !important;
box-shadow: unset !important;
}

 

[niraj_patel · Accepted solution]

Hello  @MMast 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
h2#FooterCountryLabel {
display: none !important;
}
.localization-form__select:after, .localization-form__select:before {
box-shadow: unset !important;
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @MMast 
- Please follow these steps:

 

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

#FooterCountryLabel {
     display: none !important;
}
.localization-form__select:after {
     box-shadow: none !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.