Solved

Change Sale Badge Icon Placement On Mobile (Dawn 9.0.0)

WholesomeBoy
Explorer
97 1 17

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

 

Example of Fix:

IMG_8778.jpg

 

Thanks,
Justin
Accepted Solution (1)

PageFly-Richard
Shopify Partner
4338 989 1644

This is an accepted solution.

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 2 (2)

PageFly-Richard
Shopify Partner
4338 989 1644

This is an accepted solution.

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

WholesomeBoy
Explorer
97 1 17

Thank you, Richard!

Thanks,
Justin