Change Sale Badge Icon Placement On Mobile (Dawn 9.0.0)

Store Design
, , , ,
1

Hey guys,

So the icon is perfectly placed on desktop, but I realized that it looks a little funky on mobile. Is there anyway to make the product title text on mobile line up with the rest when the “Sale” icon is active?

Website: Wholesome Boy

Example of Problem:

IMG_87781.jpg
IMG_87781.jpg1170×1385 72.2 KB

Example of Fix:

IMG_8778.jpg
IMG_8778.jpg1170×1385 72 KB

2

Hi @WholesomeBoy

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

@media(max-width: 767px){
.card__inner.color-background-2.gradient.ratio.aos-init.aos-animate {
    min-height: 224px !important;
}
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

3

Thank you, Richard!