Support » Plugin: FiboSearch - Ajax Search for WooCommerce » Not showing all results on mobile

  • Resolved dianemk

    (@dianemk)


    Hi there, I love the plugin so far thank you 🙏 On mobile when there are lots of results it only shows what will fit on the screen – no scroll bar or “see all results” option. Thanks

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support Marta

    (@martadella)

    Hi @dianemk,

    This may depend on your theme. Which theme are you using? What’s the address of your website? Do you observe the problem in different browsers? Perhaps it could be fixed with a bit of CSS.

    Regards,
    Marta

    Thread Starter dianemk

    (@dianemk)

    Hi Marta, thanks for the reply. I’m using Astra. The url is https://www.silverbackscards.com/home/
    Thanks

    Thread Starter dianemk

    (@dianemk)

    PS It’s Chrome on Android. I’m just testing on iPhone now

    Thread Starter dianemk

    (@dianemk)

    Sorry, just to give you some more info. It’s fine on iPhone and Android with larger screens. It happens on the Samsung Galaxies in Chrome – the bottom is cut off and it won’t scroll. I’ll try tinkering with some CSS while I wait. Thanks

    Thread Starter dianemk

    (@dianemk)

    I thought I’d fixed this but I haven’t. The search works fine for some searches but not all and I can’t figure it out. For example if you search “5ds” it works whereas if you search “5ds1” it cuts off the bottom/doesn’t allow scrolling to see more results/see all results link. 5ds has more results but less category results so I presume that the number of categories shown in the results is affecting it. I can’t figure out the CSS I need so any help would be much appreciated.

    Thread Starter dianemk

    (@dianemk)

    @martadella any ideas for this please? Thanks

    Plugin Support Marta

    (@martadella)

    Hi @dianemk,

    Thanks for all the info! I can see the problem. Could you try to add the following CSS and check if it fixes the problem?

    .dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp {
      max-height: 100vh !important;
    }

    Paste the code into Appearance -> Customize -> Additional CSS.

    Let me know if this is helpful!

    Regards,
    Marta

    Thread Starter dianemk

    (@dianemk)

    Hi @martadella

    Thanks for the reply. That’s not working I’m afraid – cache all cleared.

    Here are some screenshots in case I’m not explaining well.
    “5ds” search works perfectly https://ibb.co/nrK4nBk
    “5ds1” search is still getting cut off at the bottom https://ibb.co/R4LJ3sR

    Thanks a million!

    Plugin Support Marta

    (@martadella)

    Hi @dianemk,

    Please remove the previous CSS I sent you and use the below instead:

    .dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp {
      max-height: calc(100vh - 45px) !important;
    }

    Let me know if this helps! 🙂

    Regards,
    Marta

    Thread Starter dianemk

    (@dianemk)

    @martadella thanks a million!! Not quite right but almost there so I’ll mess around with it until it is. Thank you 🙏 I tried lots of things and couldn’t get it to work so it is much appreciated 🙂

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Not showing all results on mobile’ is closed to new replies.