How can I reduce mobile product font size for better view?

The font size is currently a little too big on the mobile view when viewing the product, so only one word fits per line. How could I make this smaller?

I appreciate any help :slightly_smiling_face:

URL:

@LEEDIA - can you please share the page link? it will need css

Hi @LEEDIA ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Oops, sorry about that.

URL: https://leediastore.com/

password: yaurow

@LEEDIA - please add this css to the very end of your base.css file and check, adjust number 14 as per the need

@media(max-width:767px){
.card__heading a{font-size:14px;}
}

This worked perfectly! Thank you so much