I want the badges on the products on the left to stay where they are for products on the left. I want the badge to show on the right. I circled/included an example of what I want below. My store is www.takeoverapparel.com and the password is takeover.
Topic summary
A store owner wants to reposition product badges (like “sold out” or “sales”) so they appear on the right side of product images instead of the left.
Proposed Solution:
- Navigate to: Online Store → Themes → Actions → Edit Code → base.css
- Add CSS code at the end of the file targeting
.collection.card__badge.top.leftwith an 88px left margin - The code includes a media query for screens with max-width of 550px
Current Status:
The discussion appears to be ongoing, with one solution provided but no confirmation yet whether it resolved the issue. The original poster included screenshots and store credentials for reference.
Hello @takeoverapparel
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
@media only screen and (max-width: 550px) {
.collection .card__badge.top.left {
margin-left: 88px !important;
}
Thanks