Currency Selector Adjustment in the Footer.

[CreatorTim]

Hey guys, I need help with adjusting the currency selector in the footer.

Here’s how it looks on my store:

And here’s how I want it to look:

So basically, I just want to:

1. Remove the “Country/Region” label.

2. Remove the box around it.

3. Align it to the center.

4. When it opens, I want to remove the search bar and round the corners.

   

Here’s my store URL: https://1049xn-ya.myshopify.com/

Thanks a lot.
Tim

[Spac-es]

Add this code in your base.css file:

h2#FooterCountryLabel {
  display: none;
}
@media (min-width: 750px) {
  .footer__column.footer__localization.isolate {
    justify-content: flex-end !important;
  }
}
form#FooterCountryForm .disclosure button {
  background-color: transparent;
}
.disclosure__list-wrapper.country-selector .country-filter {
  display: none !important;
}
.disclosure__list-wrapper.country-selector {
    border-radius: 4px;
}
button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large::before, button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large::after {
  opacity: 0 !important;
}

Result (pc and mobile):

[CreatorTim]

Thank you so much, appreciate your help!