How can I adjust price text to display on a new line in mobile view?

Hi, i just noticed that on the phone browsing the e-shop the price presentation is a bit misrepresented because its split between two rows due to space.. i need a way to move the NOW price to the row under the OLD price.

Check screenshot:

@Alors - can you please share your page link where you have these 2 prices.

https://maxalusten.nu/collections/sexmaskiner that page would be one of these pages that has the problem, its when the price is about 4 digits then it spreads the price over two rows. On the desktop version its all good but on the phone it appears wrong in my opinion :slightly_smiling_face:

I would like to apply the change to all “collections” pages, that’s where the problem could happen.

@Alors - add this css to the very end of your base.css file and check

@media screen and (max-width:749px){
.card__information .price__sale .price-item--sale{display: block;}
}

1 Like

Thank you very much sir, that fixed my issue! :slightly_smiling_face:

1 Like

@Alors - great, do let me know if you have anymore issues, you have my email below.

1 Like