Cannot scroll search results on mobile – whole page gets scrolled

[vobsParticipant]

The above site is using the ajax search pro on all the pages.

For example on the home page:
https://hmc.co.il

We are having issues on mobile – when the user searches and needs to scroll down the results, the whole page on the mobile phone gets scrolled – it is very hard and almost impossible to scroll only the results on mobile.

Please tell me how this can be fixed…

Please send your answer also to the following email: [email protected].

Thanks,
Ori.

[Ernest MarcinkoKeymaster]

Hi Ori,

Can you please try this custom CSS:

.results.mCustScr{
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.results.mCustScr.mCS_no_scrollbar,
.results.mCustScr.mCS_touch_action{
    -ms-touch-action: auto;
    touch-action: auto;
}

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.

Alternatively, if this does not work, you can completely disable the custom scrollbar script here: https://i.imgur.com/bVWbiIf.png

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

[Author]

Posts