Reply To: Widget locations desktop vs mobile

Hi Frederik,

Thanks for the screenshots, that really helped.

Could you please remove the previous CSS I gave you, and replace with this:

.shop-filter-wrap .shop-filter-toggle {
    display: none;
}

.shop-filter-wrap #shop-filters {
    display: table;
}

#shop-filters {
    font-size: 100%;
}

.select2-container .select2-selection--single {
    height: auto !important;
    margin-top: 2px !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 2px !important;
    border-width: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: .618em 1em !important;
    line-height: 1.4 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px !important;
}

#shop-filters form {
    max-width: 100%;
}

#shop-filters input[type="search"] {
    border-width: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#shop-filters button {
    padding: .618em 1em;
    line-height: 1.4;
    height: auto;
    -moz-appearance: none;
    -webkit-appearance: none;
}

This amended code should work now. If not, please let me know.