Reply To: Range Slider and touch screens

[Ernest Marcinko]

Hi,

Sure, with a bit of custom CSS it is possible:

fieldset.asp_custom_f {
    display: flex;
    flex-direction: column;
}

.asp_noui_lu {
    order: 0;
}

fieldset .noUi-target.noUi-ltr.noUi-horizontal {
    order: 1;
}

..and if you only want to target mobile screen width, then use this:

@media only screen and (max-width: 480px) {
    fieldset.asp_custom_f {
        display: flex;
        flex-direction: column;
    }

    .asp_noui_lu {
        order: 0;
    }

    fieldset .noUi-target.noUi-ltr.noUi-horizontal {
        order: 1;
    }
}

Apply this code to your theme custom CSS field (if it supports it) or use the custom CSS field on the search plugin back-end.