Scrolling on mobile

I hope you are well today and thank you for your question.

Could you please share your site URL where it’s displaying so that I can help you?

Best regards,

hi,

I’m great hope u are too as well and thanks for the fast response.

here’s the url : loobnan.net
when u search for anything u’ll see the scrollbar-y its fine on the desktop view but on the mobile its so annoying using the scrollbar i prefer scrolling through the posts much better.

• This reply was modified 4 years, 1 month ago by gochy123.
• This reply was modified 4 years, 1 month ago by gochy123.
• This reply was modified 4 years, 1 month ago by gochy123.
• This reply was modified 4 years, 1 month ago by gochy123.

Removing the scroll bar is not a solution as users can’t see all the results.

Instead, we can reduce the width of the search form & search results on mobile by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Admin Area -> Ivory Search -> Settings -> Settings

@media only screen and (max-width: 767px){
body form.is-search-form {
    max-width: 83%;
}
body div.is-ajax-search-result {
    max-width: 80%;
}
}

ok so we keep it as is but if u can visit the url on ur mobile browser try to search for “lebanese” and scroll through the post without using the scrollbar.

can you plz check it you’ll see that sometime it scrolls the serach results and sometime all the page, let me know if there is anything we can do.

• This reply was modified 4 years, 1 month ago by gochy123.

That’s why I have shared the CSS code so that you will have the space on mobile where you can scroll the page.

i tested the code it’s not what i want

i need to be at max-width:100% but i want it to scroll the results without scrolling the page

I want it to scroll the results without scrolling the page

This is not possible to achieve without developing complex custom code.

okay thanks a lot for the support and fast response.

have a great day ahead.

You are always welcome here ??

Have a fantastic day!