Archived topic
Change Sale Badge Position on Mobile Display
3 replies · Started by Willya on March 12, 2023
Viewing posts 1–4 of 4
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.
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;
}
}
Thank you Fernando. It worked!
You're welcome, Willya!
This archived topic is closed to new replies.
