Customising Currency Selector - Debut Theme

Technical Q&A
1

Hi,

I have successfully placed the currency selector in my header instead of the automatic footer in Debut theme however I would like to customise it.

AbiB_0-1614964178067.png

It would be great to know what code is needed to remove the currency symbol and make the dropdown arrow white, and closer the ‘GBP’? I have tried so many things and nothing seems to work!

The code I used for the currency selector was:

In header.liquid

  {% form 'currency' %}
    {{ form | currency_selector }}
  {% endform %}

In theme.js

  function currencyFormSubmit(event) {
    event.target.form.submit();
  }

  document.querySelectorAll('.shopify-currency-form select').forEach(function() {
    this.addEventListener('change', currencyFormSubmit);
  });

Thank you!

2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.