Website products display error and search not working on mobile
-
Hello,
I’m experiencing a couple of issues on my website and would appreciate your help:
1. Product archive layout issue
On the product archive pages, the products are not displaying correctly. They appear squeezed together and the layout looks broken/unstructured instead of properly spaced.
2. Search bar not visible on mobile menu
I have added the product search bar in the header builder and configured it to be visible on mobile. However, it does not appear in the mobile menu at all.
Could you please help me identify what might be causing these issues?
Attachments:
You must be
logged in to view attached files.
Hello,
Please all update the new version of the theme “WOODMART WordPress NEW: 8.4.1 RELEASED”, update the required plugin, and check the option.
https://xtemos.com/docs-topic/update-the-theme/
If the issue remains, turn off all of the plugins not related to the theme, refresh your cache, and check if the problem persists.
If the issue still remains, let me know, and I will check and give you a possible solution.
Best Regards
Hello,
1. I updated the theme and plugins
2. I turned off the plugins not related to the theme, refreshed cache
Problem still remains
Hello,
The custom css on your site in on line 73 and 252 in Appearance > Customize > Additional CSS is causing the issue on your site.
.products.grid-columns-4 .product-grid-item {
width: 33.333% !important;
flex: 0 0 33.333% !important;
max-width: 33.333% !important;
}
.wd-search-form, .menu-item-account, .menu-item-compare, .menu-item-wishlist {
display: none !important;
}
Please try to remove this code and check the issue.
Best Regards,
.
