Hello,
I’m currently using a custom layout for the product archive in Elementor + Woodmart. On category pages (like /categoria-producto/jardin), the subcategories are displayed automatically above the products, but they are rendering in the same row as the first product.
The issue is that the last subcategory and the first product appear in the same row, which breaks the visual structure. I want the subcategories to stay visible, but each one should take its own row, and products should begin below them, never next to them.
I have already tried:
Custom CSS solutions
Elementor layout tweaks
Enabling/disabling Product Archive layouts
Clearing all caches
Even restoring a backup with SuperBackup
But the issue remains.
Additionally, there’s a mobile display problem site-wide: on mobile view, all products across all categories are either misaligned or cut off, sometimes two per row — even though they look fine in the Elementor preview.
➤ What I need:
Subcategories must remain visible on archive pages.
They should each occupy a full row, with products clearly shown below, not beside.
Mobile view must be fixed across the site so that products display properly — ideally one per row.
I’d really appreciate clear instructions on how to fix this using the latest version of Woodmart + Elementor Pro.
Thanks for your help!
Best regards,
Attachments:
You must be
logged in to view attached files.
.
