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

Solved

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

MMast
Trailblazer
182 1 25

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.

IMG_0827.jpeg

 

 

https://decemberschild.com
password: dc

Accepted Solutions (6)

Vinsinfo
Shopify Partner
352 125 118

This is an 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".
Vinsinfo_0-1719554636040.png
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;
}

 

Vinsinfo_1-1719554644452.png

 

 

Result will be like,

Vinsinfo_2-1719554655286.png

 

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Moeed
Shopify Partner
4400 1135 1393

This is an 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:

Moeed_0-1719554765735.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

ProtoMan44
Shopify Partner
506 43 80

This is an 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.


ProtoMan44_0-1719556911238.png

 

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!

View solution in original post

Dan-From-Ryviu
Shopify Partner
8572 1690 1701

This is an 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;
}

Screenshot 2024-06-28 at 14.00.40.png

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

techlyser_web
Shopify Partner
1849 345 373

This is an 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>

techlyser_web_0-1719560242262.png

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

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

BSS-TekLabs
Shopify Partner
668 186 217

This is an accepted solution.

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

step.png

- 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:

BSSTekLabs_0-1719579711685.png

 

 

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 10 (10)

ProtoMan44
Shopify Partner
506 43 80

@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.

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
MMast
Trailblazer
182 1 25

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

ProtoMan44
Shopify Partner
506 43 80

This is an 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.


ProtoMan44_0-1719556911238.png

 

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!

Moeed
Shopify Partner
4400 1135 1393

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:

Moeed_0-1719553194723.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
MMast
Trailblazer
182 1 25

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

Moeed
Shopify Partner
4400 1135 1393

This is an 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:

Moeed_0-1719554765735.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Vinsinfo
Shopify Partner
352 125 118

This is an 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".
Vinsinfo_0-1719554636040.png
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;
}

 

Vinsinfo_1-1719554644452.png

 

 

Result will be like,

Vinsinfo_2-1719554655286.png

 

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

Dan-From-Ryviu
Shopify Partner
8572 1690 1701

This is an 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;
}

Screenshot 2024-06-28 at 14.00.40.png

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

techlyser_web
Shopify Partner
1849 345 373

This is an 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>

techlyser_web_0-1719560242262.png

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

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

BSS-TekLabs
Shopify Partner
668 186 217

This is an accepted solution.

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

step.png

- 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:

BSSTekLabs_0-1719579711685.png

 

 

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency