Position sales tag to stay in the same place responsive

Store Design
,
1

Hey guys,

Im trying to position the sales tag like in the image here.

I’ve centered it before no problem and being properly responsive but I cant manage to place it there, without the layout going all weird.

Could you help me?

store: click me

password: siesoh

s1.PNG
s1.PNG615×587 153 KB

2

Add the following to your custom.css file.

.grid-product__tag--sale {
    background-color: black;
    color: white;
    top: -10px; /* ADD THIS */
    right: -10px; /* ADD THIS */
}
1 Like
3

Hi @itsolidude12 ,

Go to Assets > theme.css and paste this at the bottom of the file:

.grid-product__tag.grid-product__tag--sale {
	border: 0.5px solid #ff0000;
	background-color: #ffffff !important;
    color: #000000 !important;
    top: -15px !important;
    right: -15px !important;
}
.grid-product__price--savings {
	color: #000000 !important;
}

It will display like this

Screenshot.png
Screenshot.png1457×295 247 KB

Hope it helps!

1 Like