Change Product Font Size on Mobile Only

[LEEDIA]

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 🙂 

URL: 

[suyash1]

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

[LEEDIA]

Oops, sorry about that.

URL: https://leediastore.com/

password: yaurow

[suyash1]

@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;}
}

[PageFly-Oliver · Accepted solution]

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

<style>
@media(max-width:767px){
#MainContent .product__title h1{
font-size:20px
}
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[LEEDIA]

This worked perfectly! Thank you so much