How can I center sale price and adjust font size on mobile view?

How can I center sale price and adjust font size on mobile view?

Dat999
Explorer
69 0 26

Hi, on the mobile phone view of my shopify store, when the product name is too long, the sale price and normal price are not centred. Is there any way to change this? 

 

370293571_1462072367974589_3519772690991242393_n.jpg

Also, I would like to make the product name larger and the price smaller.

 

Currently using the dawn theme. I appreciate all the help, thank you in advance!!!

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Hi @Dat999 

Could you drop your store link here?

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Dat999
Explorer
69 0 26
Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Hi @Dat999 

Go to your Online store > Themes > Edit code > open base.css file, add this code at the bottom, and save the file 

.price--on-sale .price-item--regular { font-size: 12px !important; }
.card__information .card__heading { font-size: 14px !important; }

Screenshot_1.jpg

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.