How can I adjust mobile product title size on my site?

[LEEDIA]

The product title and quick add font is currently a bit too big on mobile view only. I was able to adjust it earlier but after I adjusted the desktop views’ size, the code seems to not be working when I input a different value. 

I would like to change the font size on both the home page/products page and in the Quick Add menu, as well as the button’s.

URL: https://leediastore.com

password: yaurow

 

 

[Artzen_tech]

Hello @LEEDIA 
Its Artzen Technologies! We will be happy to help you today.

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> theme.liquid file.

Add the following code in the bottom of the file above </body> tag

<style>
@media only screen and (max-width: 747px){
.product-grid .card__heading {
    font-size: 12px;
}
.product-grid .quick-add__submit {
    font-size: 10px;
}
#MainContent .product__title h1 {
    font-size: 18px!important;
}
}
</style>

Let me know if need further assistance
Regards,
Artzen Technologies

[LEEDIA]

This helped with the home page product fonts, but on the Quick Add menu it's still the same size.