Sold out label positioning issue. It's driving me crazy.

Solved
New Member
6 0 0

I would like to have the below style of sold out / sale label. 

 

Screenshot 2019-07-04 at 17.01.13.png

 

However, when page is narrowed the top of the label becomes visible. 

 

Screenshot 2019-07-04 at 17.01.33.png

 

I have tried everything but the label only looks right when the page is refreshed. It is driving me insane. Please help me!

 

https://www.larkhallcoffee.com/collections/coffee-beans-and-grinds

0 Likes
Highlighted

Success.

Shopify Partner
455 80 98

@jkaw 

 

Here is the fast trick for you.

Go Edit Code, Open theme.scss.liquid file.

Scroll at the very bottom of this file and put this code there.

.product--wrapper{
 position: static;
}
Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes
New Member
6 0 0

@sarhov that worked a treat. Thank you.


@sarhov wrote:

@jkaw 

 

Here is the fast trick for you.

Go Edit Code, Open theme.scss.liquid file.

Scroll at the very bottom of this file and put this code there.

.product--wrapper{
 position: static;
}

 

0 Likes