Forums Forums Search & Filter Pro Woocommerce first product is not clickable on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Anonymous
    #257583

    Hi support team member,

    I used “search& Filter Pro” plugin to search product in Woocommerce on my website. Interestingly or unfortunately, ONLY the first product of the list is NOT clickable on the smartphone (it is work fine in computer). All other product can be clicked in mobile. Note that when I deactivated your plugin “Search & Filter Pro” it is working fine.

    Further, to display selected set of products at the top of the page I used the “order Menu” option in “Advance” settings.

    Here is the link to the product page: https://gradhopper.com/university-and-scholarship-finder

    Your support is highly appreciated.

    Thanks!
    Madushan

    Trevor
    #257618

    For me, on mobile, I think the posts display is sitting on top of the form, so I cannot see it at all. If I hide the primary content area, then I can see the form. I think the form in the sidebar is sitting over the first post.

    Try adding something else in the sidebar (a different widget, like Recent Posts) and remove our form, and see if the same thing happens?

    Anonymous
    #258580

    Hi Trevor,

    Thanks for your response. I followed your proposed approach. Unfortunately it does not work.

    “Try adding something else in the sidebar (a different widget, like Recent Posts) and”
    – I added Recent posts before and after your search plugin. Nothing change. Please check the above link.

    “remove our form, and see if the same thing happens?”
    -As I explained in my original email when I deactivated your plugin I can click on the first product. It is working. So is it something wrong with your plugin which triggered only in the mobile version or some setting in our end?

    Highly appreciate your support,
    Thanks,
    Madushan

    Trevor
    #258728

    The secondary content area is sitting over the primary content area, and this is the cause, not our form.

    Try adding this custom CSS to your theme:

    .page-wrap.sidebar-right .content-area {
        position: relative;
        z-index: 10;
    }

    This places the primary content area over the secondary.

    Anonymous
    #259093

    Hi Trevor,
    It works.
    Thanks for your help.
    Madushan

    Trevor
    #259099

    Thanks for letting me know. I will close this thread for now.

Viewing 6 posts - 1 through 6 (of 6 total)