Forums › Forums › Search & Filter Pro › Woocommerce first product is not clickable on mobile
Tagged: Not Clickable in mobile view, woocommerce
- This topic has 5 replies, 2 voices, and was last updated 4 years, 2 months ago by Trevor.
-
Anonymous(Private) August 28, 2020 at 5:37 am #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!
MadushanTrevor(Private) August 28, 2020 at 10:35 am #257618For 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(Private) September 7, 2020 at 5:17 am #258580Hi 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,
MadushanTrevor(Private) September 8, 2020 at 12:17 pm #258728The 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.
-
AuthorPosts