Icon Theme: Dropdown selection fix

To remedy an issue with select dropdowns following IOS and Android updates from your Shopify admin click on  Themes >  Customize theme >  Theme options >  Edit HTML / CSS

Step 1

Open Assets > Theme.js.liquid

Around line 5 delete the following:

  $("#sort-by").selecter();

Click save when done.

Step 2

Open Assets > Stylesheet.css.liquid

Scroll to the bottom of the page and paste in the following:

  .styled-select {
      border: 1px solid #d5d5d5; 
      border-radius: 1px; 
      -webkit-appearance: none; 
      -moz-appearance: none; 
      padding-left: 8px; 
      font-size: 13px; 
      height: 38px; 
      line-height: 36px; 
      background: url({{ 'select-arrow.png' | asset_url      }})
      no-repeat right #fff; 
  }
  .single-option-selector { 
    border: 1px solid #d5d5d5; 
    border-radius: 1px; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    padding-left: 8px; 
    font-size: 13px; 
    height: 38px; 
    line-height: 36px; 
    background: url({{ 'select-arrow.png' | asset_url      }})
    no-repeat right #fff; 
  }

Click Save when done.

Step 3

Right-click on this link and select "Save target as" or "save link as" depending on the OS you are using. This will save an image to your desktop named: select-arrow.png

Step 4

In the Assets folder click on: Add a new asset upload the image you have just saved and click Replace existing if prompted

Step 5

Open  Snippets > Short-form.liquid and scroll to the bottom of the page, within the last few lines delete this single line:

  $(".single-option-selector").selecter();

Do not delete any additional code other than this, click Save when done.

Now test your store to ensure that your select dropdowns are visible.