Switch 'Was Price' and 'New Price' Position in Dawn Theme so 'New Price' Comes First

Store Design
, , , , ,
16

It cannot be side by side on mobile @babystore123 , there’s just not enough space. It can only be top and bottom.

Replace the previous code with one below.

Just use this if you are applying it on theme.liquid

Or this if you are adding it onto Custom CSS.

.price.price--on-sale .price__sale {
    display: flex !important;
    flex-direction: row-reverse !important;
    gap: 10px !important;
}

@media only screen and (max-width: 768px) {
    .price.price--on-sale .price__sale {
        display: flex !important;
        flex-direction: column-reverse !important;
        gap: 0px !important;
        justify-content: center !important;
    }    
}