Collection Page / Product Grig: "SOLD OUT" on HOVER is showing in Wrong Position

Store Design
1

On COLLECTIONS PAGES, the PRODUCT GRID. When you hover, and the product is SOLD OUT, the “OUT” text is in a strange position. It shows far above the actual image. We simply want to move it down onto the TOP RIGHT of the product thumbnail.

2

Hi @HUMN !

Is that the same link as the one you previously shared? Let me know!

3

https://humnleague.com/collections/carry

If you hover the 3rd product, the ['OUT] will show high above the image.

4

Add the following code to your theme.css file at the very end:

@media only screen and (min-width: 769px)
{
.grid-product__tag.grid-product__tag--sold-out {
    margin-top: 40px;
}
}

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

1 Like
5

Many thanks once again. We only had to adjust the height, but this code worked perfectly.