How To Remove The Word 'Instagram' From The Country/Region Selector

Solved

How To Remove The Word 'Instagram' From The Country/Region Selector

MMast
Trailblazer
182 1 25

Thanks in advance!

I am looking to remove the word 'Instagram' from the country/region selector. Example shown below.

IMG_0861.jpg

Accepted Solutions (3)

BSSCommerce-HDL
Shopify Partner
1134 392 460

This is an accepted solution.

Hi @MMast

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
@media screen and (max-width: 767px) {
   body:has(.disclosure__list-wrapper.country-selector) .footer-block--newsletter.scroll-trigger.animate--slide-in {
      z-index: -1 !important;
   }
  body:has(.disclosure__list-wrapper.country-selector[hidden="true"]) .footer-block--newsletter.scroll-trigger.animate--slide-in {
    z-index: 99 !important;
  }
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


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

BSSCommerce-TC
Shopify Partner
215 46 49

This is an accepted solution.

You can follow these steps:

Step 1:  Go to Online Store -> Theme -> Edit code.
Step 2: Open your base.css file
Step 3: Please paste the following code at the end of the file and save

.disclosure__list-wrapper.country-selector {
    z-index: 9999;
}


Here are your results:

BSSCommerceTC_0-1720113701606.png

 

 

 

If you have any issues or need any further information about this instruction, please do not hesitate to contact us by tagging directly at Community post. Btw, if it worked, it's grateful if you give us a like or solution, This can greatly motivate us to contribute to our community.

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

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

BSSCommerce-HDL
Shopify Partner
1134 392 460

This is an accepted solution.

Hi @MMast, I modified the code a bit so it works in the mobile and currency menus

 

<style>
@media screen and (max-width: 767px) {
  body:has(.localization-form__select.localization-selector[aria-expanded="false"]) .footer-block--newsletter.scroll-trigger.animate--slide-in,
    body:has(.header__icon.header__icon--menu[aria-expanded="false"]) .footer-block--newsletter.scroll-trigger.animate--slide-in
    {
      z-index: 99 !important;
    }
    body:has(.localization-form__select.localization-selector[aria-expanded="true"]) .footer__content-top .footer-block--newsletter.scroll-trigger.animate--slide-in,
    body:has(.header__icon.header__icon--menu[aria-expanded="true"]) .footer__content-top .footer-block--newsletter.scroll-trigger.animate--slide-in
    {
      z-index: -1 !important;
    }
}
</style>    

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


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 3 (3)

BSSCommerce-HDL
Shopify Partner
1134 392 460

This is an accepted solution.

Hi @MMast

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
@media screen and (max-width: 767px) {
   body:has(.disclosure__list-wrapper.country-selector) .footer-block--newsletter.scroll-trigger.animate--slide-in {
      z-index: -1 !important;
   }
  body:has(.disclosure__list-wrapper.country-selector[hidden="true"]) .footer-block--newsletter.scroll-trigger.animate--slide-in {
    z-index: 99 !important;
  }
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


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


BSS Commerce - Full-service eCommerce Agency

BSSCommerce-TC
Shopify Partner
215 46 49

This is an accepted solution.

You can follow these steps:

Step 1:  Go to Online Store -> Theme -> Edit code.
Step 2: Open your base.css file
Step 3: Please paste the following code at the end of the file and save

.disclosure__list-wrapper.country-selector {
    z-index: 9999;
}


Here are your results:

BSSCommerceTC_0-1720113701606.png

 

 

 

If you have any issues or need any further information about this instruction, please do not hesitate to contact us by tagging directly at Community post. Btw, if it worked, it's grateful if you give us a like or solution, This can greatly motivate us to contribute to our community.

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

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


BSS Commerce - Full-service eCommerce Agency

BSSCommerce-HDL
Shopify Partner
1134 392 460

This is an accepted solution.

Hi @MMast, I modified the code a bit so it works in the mobile and currency menus

 

<style>
@media screen and (max-width: 767px) {
  body:has(.localization-form__select.localization-selector[aria-expanded="false"]) .footer-block--newsletter.scroll-trigger.animate--slide-in,
    body:has(.header__icon.header__icon--menu[aria-expanded="false"]) .footer-block--newsletter.scroll-trigger.animate--slide-in
    {
      z-index: 99 !important;
    }
    body:has(.localization-form__select.localization-selector[aria-expanded="true"]) .footer__content-top .footer-block--newsletter.scroll-trigger.animate--slide-in,
    body:has(.header__icon.header__icon--menu[aria-expanded="true"]) .footer__content-top .footer-block--newsletter.scroll-trigger.animate--slide-in
    {
      z-index: -1 !important;
    }
}
</style>    

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


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


BSS Commerce - Full-service eCommerce Agency