Scrolling on mobile

  • Resolved gochy123

    (@ralphborgi)


    5 years, 4 months ago

    hi,

    i love the plugin and i need ur help!

    1- i dont what to use the scrollbar on mobile but scrolling without scrollbar is not working properly sometimes it scroll the search results and sometime it scrolls all the page is there anyway to fix this (enabled ajax search).

    2-i need to hide the scrollbar on mobile.

    • This topic was modified 5 years, 4 months ago by gochy123.
    • This topic was modified 5 years, 4 months ago by gochy123.
    • This topic was modified 5 years, 4 months ago by gochy123.
Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    5 years, 4 months ago

    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,

    Thread Starter gochy123

    (@ralphborgi)

    5 years, 4 months ago

    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 5 years, 4 months ago by gochy123.
    • This reply was modified 5 years, 4 months ago by gochy123.
    • This reply was modified 5 years, 4 months ago by gochy123.
    • This reply was modified 5 years, 4 months ago by gochy123.
    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    5 years, 4 months ago

    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%;
}
}
    Thread Starter gochy123

    (@ralphborgi)

    5 years, 4 months ago

    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 5 years, 4 months ago by gochy123.
    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    5 years, 4 months ago

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

    Thread Starter gochy123

    (@ralphborgi)

    5 years, 4 months ago

    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

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    5 years, 4 months ago

    I want it to scroll the results without scrolling the page

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

    Thread Starter gochy123

    (@ralphborgi)

    5 years, 4 months ago

    okay thanks a lot for the support and fast response.

    have a great day ahead.

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    5 years, 4 months ago

    You are always welcome here 🙂

    Have a fantastic day!

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Scrolling on mobile’ is closed to new replies.