How to position the price below a product instead of 'On Sale From...'

[elitaco]

Hi, how do I put the price below the product? instead of “ON SALE FROM…”

[Zworthkey]

hii, @elitaco
Kindly share your store URL so,
I can solve your issue.
Thank You.

[elitaco]

url: elita.com.sg

password: clewth

[Zworthkey]

Paste this code on top of the theme.scss file.

@media only screen and (max-width: 768px) {

p.product__price.text-center.product__price--sale {
    position: relative !important;
    top: -90px !important;
}

}

Thank You.

[elitaco]

@Zworthkey hi there, it doesn’t work

[Zworthkey]

@elitaco
Add this code.

@media only screen and (max-width: 768px) {
.template-product p.product__price {
    position: relative !important;
    top: -90px !important;
}
}

[elitaco]

hi there, it’s still the same. it’s still “on sale from…” instead of the price itself

[Zworthkey]

Paste this code at the top of the theme.scss file.

.card__price {
    margin-top: -66px !important;
}