Testament Theme: Dropdown selection fix

To remedy an issue with select drop downs following IOS and Android updates

In your store admin click on  Themes >  Customize theme >  Theme options >  Edit HTML / CSS

Step 1:
Open:  Assets >  Theme.js.liquid
Around line 140 delete the following:

$(".styled-select").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;
	       margin: 5px auto;
	     }



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
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. Click  Save when done.

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