Minimal

Having problems getting your currency selector dropdown to show on your Minimal theme? Please replicate the following steps.

Finished Version

  1. From your Shopify admin, click Online Store, then Theme 
  2. Find the theme you want to edit and click Edit HTML/CSS
  3. Click Snippets then header-bar.liquid
  4. Copy the following code snippet 
    <div id="currency-localizer-wrapper"></div><br>
    	
  5. Paste the code snippet after line 53

Lastly, we'll add some extra styling for the selector.

  1. Click on the Assets Folder on the left hand side. Then Click theme.scss.liquid
  2. Copy the following code snippet 
    /* * * * * * * * * *
    Currency Localizer
    * * * * * * * * * * /
    div.medium-down--hide #currency-localizer-wrapper{
      display: inline-block;
      height: 32px;
    }
    
    div.post-large--hide #currency-localizer-wrapper{
      display: block;
      height: 32px;
      float: right;
      margin-right: 10px;
    }
    
    div.post-large--hide #currency-localizer-wrapper select{
      height: 32px;
      font-size: 12px;
    }
    	
  3. Paste the code snippet at the very bottom of the file and click Save

Still need help? Contact Us Contact Us