[Resolved] Change Sale Badge Position on Mobile Display

[Willya]

Hi,

I would like to request your assistance in changing the position of the sale badge on the mobile display of my online store.

Currently, the badge is displayed above the product photo, but I would like it to be positioned right before the product title instead.

Thank you.

[Fernando]

Hi Willya,

Can you try adding this through Appearance > Customize > Additional CSS?:

@media (max-width: 768px){
.single-product .entry-content .product {
    display: flex;
    flex-direction: column;
}

.woocommerce-product-gallery {
    order: -1;
}

.single-product .entry-content span.onsale {
    width: fit-content;
}
}

[Willya]

Thank you Fernando. It worked!

[Fernando]

You’re welcome, Willya!

[Author]

Posts