Product Title Font Size on Mobile View

Hey Guys! I've already used custom CSS to adjust the mobile fonts on my site, however, I can't figure out how to adjust the size of the product titles in mobile view. I'm using the Jaunt template. Any help would be great...thanks!

It looks like you need to increase the line height. 

Thanks for your response! The issue is that I like the line height and font size as it appears in the desktop view, so I don't want to change it. Just hoping to find a way to adjust the font size in mobile view only.

@SarahElizah Can you share link to your site?

@tuanphan I'm still working on it, so it isn't live. I've attached an image of what the product titles look like in the desktop view. Thanks!

If you don't share link, it is difficult. @SarahElizah

@media only screen and (max-width: 768px) {
h1.ProductList-title { 
      font-size: 13px !important 
  }
}

@kako I haven't been back to check this page. I just logged in and saw your response...thank you very much! I am also wondering how to change the layout to a single column in the mobile version only. Here's a link to my site https://www.aasah.com  Thank you!

Hello, i have a similar problem. I need to change the Product Title Text Size - only on mobile view and make it smaller ( and the price a bit bigger). Can you help me? I tried already this code on custom CSS but I can't find a way to apply the change to the Product Title. 

This is my website

https://www.wedoaesthetic.com/

i already tried this code but something is off and it's not working

@media only screen and (max-width: 640px) {
/* Start Insert Code for Mobile*/

/* Product Block Titles */
.product-block .productDetails .product-title {
  font-size: 0.5rem;
}
  #productList .product .product-title {
    font-size: 0.5px !important;
}}

On 11/5/2021 at 9:53 PM, wedoaesthetic said:

Hello, i have a similar problem. I need to change the Product Title Text Size - only on mobile view and make it smaller ( and the price a bit bigger). Can you help me? I tried already this code on custom CSS but I can't find a way to apply the change to the Product Title. 

This is my website

https://www.wedoaesthetic.com/

 

i already tried this code but something is off and it's not working

@media only screen and (max-width: 640px) {
/* Start Insert Code for Mobile*/

/* Product Block Titles */
.product-block .productDetails .product-title {
  font-size: 0.5rem;
}
  #productList .product .product-title {
    font-size: 0.5px !important;
}}

On Shop Page or individual products?