Hello,
I am using your theme on a WooCommerce store and I added two custom badge snippets:
“Ambalam azi!” shipping badge (top right)
“Livrare gratuita” badge (bottom left)
The issue is that on category pages and especially on mobile, all badges are stacking over the product images, including:
my custom badges
theme default badges (sale %, HOT, NEW etc.)
wishlist / icons
This makes product cards look crowded and covers the product photos.
I would like to ask for the best theme-compatible solution.
My goals:
Keep badges visible but properly positioned
Avoid overlapping badges on product images
Better spacing on mobile
Smaller badges on mobile devices
Preserve clean product image visibility
Keep responsive layout stable
Questions:
Which product card container/classes should I target in your theme for proper badge positioning?
Is there a recommended hook/location outside the image area where badges can be displayed?
How can I move default theme badges so they do not conflict with custom badges?
Do you recommend placing badges above image, below image, or inside corners with reserved spacing?
Is there a built-in mobile setting for badge size/spacing?
Right now badges are visually too high on the image and overlap each other.
I can provide screenshots and custom PHP/CSS code if needed in the private content.
Thank you.
