We are Underground support

Vantage theme dropdown selection fix

Last Updated: Sep 28, 2016 12:26PM EDT
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 69 delete the following:

  $('.styled-select').selecter();  
  $('.coll-picker').selecter();  
  $('.coll-filter').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, .coll-filter {
        border: 1px solid #d5d5d5;
        border-radius: 1px;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-left: 8px;
        font-size: 13px;
        height: 34px;
        line-height: 32px;
        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


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

Get help

Note We can not offer individual theme modifications, however are happy to advise on the best Shopify resources and finding developers to work on your theme.
Want to customize your theme?
Have questions not covered in our docs?
retail@undergroundmedia.co.uk
http://assets2.desk.com/
false
undergrndmedia
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete