Move sale badge on envy theme

Solved
Highlighted
New Member
3 0 0

Hi, I'm having trouble shifting the sale badge from the top left corner to the top right corner in my envy theme store. I used the code below in the scss liquid:

#shopify-section-collection-template .badge.badge--sale {
	left: 50%;
	transform: translateX(-50%);
}

 

0 Likes
Highlighted
Shopify Partner
1433 194 483

If anything, that code would center the sale badge. Can you post a link to your store with a sale item so we can see? Please post a password if password protected and we'll provide you with the code to move it to the top right.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Highlighted
New Member
3 0 0

You're right, however it's not centering the badge either.

Here's a link: https://bit.ly/30nHMyK

0 Likes
Highlighted
Shopify Partner
1433 194 483

This is an accepted solution.

Haha well, the reason it's not moving is because that "Save 20%" is actually a part of the image itself : )

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Highlighted
New Member
3 0 0

Oof! This is why communication is important in business.

Sorry about that

Thank you!!

0 Likes
Highlighted
Shopify Partner
1433 194 483

Haha not a problem. Feel free to DM me if you have any other questions about anything.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes