Range Slider and touch screens

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Range Slider and touch screens

This topic contains 3 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 1 year, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #33283
    J94
    J94
    Participant

    When using the range slider on a touch screen, the value sits – unreadable – under the finger. Could we move the value up over the slider, so one can see the value as one slides the handle back and forth?

    #33293
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #33298
    J94
    J94
    Participant

    Great thanks. This makes a lot more sense from a touch screen UI perspective. You should make it an option in settings/filter panel (perhaps something like: Touch Screen Optimized: Yes/No).

    #33310
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Thank you, I will definitely consider this, it would be a great addition.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.