A Shopify store owner is experiencing a layout issue where the automatic “sold out” badge overlaps with color swatches on collection pages. They are seeking technical guidance on how to reposition the badge to prevent this visual conflict. An image has been provided to illustrate the problem. The question remains unanswered and the store owner is looking for CSS or theme customization solutions to resolve the overlap.
Hey Shopify Community,
the sold out badge that automatically is displayed when a product is OOS overlaps with the color swatches on our collection pages. Does anyone have a tip on how to change the position of the sold out badge, so that this does not occur?
Thankful for any tipps on this.
Best regards from Cologne, Germany 
Gianna
