Dawn theme - How do i increase the size of the MOBILE view only product page and home page pricing?

Store Design
, ,
1

Hi guys, im happy with my web view current pricing size that i amended. However the mobile view pricing is just too small, is there any way i can increase the size of the prices for mobile product and homepage only?

KelvinLeow_0-1687776391312.png
KelvinLeow_0-1687776391312.png360×775 67.9 KB

Website: fonpintar.com.my
pass: taclau

1 Like
2

Hey @KelvinLeow

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

Moeed_0-1687777185431.png
Moeed_0-1687777185431.png254×453 36.7 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi @KelvinLeow

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

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

.product-media-container.constrain-height.media-fit-contain {width: 100% !important;}

}

Regards,

San

4

Hi your current solution helped to fix the homepage sizing, but the product page pricing will be too big.

If possible the size of the font to be by:
Product title - Big

Price - medium
compared/slashed price - small (but slightly bigger than current showing size)