Search Ajax Pro – Smartphone Settings

[JaimeParticipant]

Hi there!

I have been using the Ajax Search Plugin for a while now and am super happy with it! 😀 I have a few questions regarding the use with the smartphone.

When I open the search view on my mobile phone (website is responsive) and open the search settings on a search site, the settings will not fully use the width of the smartphone screen. It seems as if they were using around 60% of the column width or less.

I have the following settings that can be selected:
– category selection
– range slider
– normal slider

It would be great to use the complete width at least for the sliders as sometimes it is a little bit hard to select the right range.

P.S.: on the smartphone view if the two “Selectors” of the range slider get together. then the normal slider will move too. It means touching the screen moves suddenly two sliders around :).

P.S.2: To view the site you will have to login with the username and password from above.

Thanks for any help!

Cheers,
Jaime

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi Jaime,

Thank you very much for your kind words and details! Unfortunately I cannot seem to be log-in to check the page, as I’m getting this error message whenever I enter the details: https://i.imgur.com/FrJFPnQ.png

The slider issue is known to me, very frustrating, but it seems to be something with the UI script that the plugin uses. I’m hoping they release an update soon so it gets a better handling on handheld devices.

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

[JaimeParticipant]

Hi Ernest,

I have disable an AJAX Plugin on the Login site which was causing the problem (its caused by another plugin but the dev is still searching for the problem :)).

Should be working now. Sorry for the circumstances!

Regards,
Jaime

[Ernest MarcinkoKeymaster]

Thanks!

I’ve constructed the following custom CSS:

@media (max-width: 480px) {
  .noUi-target {
    max-width: 90% !important;
    min-width: 90% !important;
  }
  .asp_noui_lu {
    width: 90% !important;
  }
  .searchsettings fieldset {
    width: 100% !important;
  }
}

Basically, on screen sizes below 480px the layout will look something like this: https://i.imgur.com/3YXEYBB.png
I hope this helps!

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

[JaimeParticipant]

Hi Ernest,

yeah! Great man thank you so much for the help it works perfectly :D.
And really my congrats for such a great Plugin!

Cheers,
Jaime

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts