Re: Change Product Title Size (Mobile Only)

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

LEEDIA
Excursionist
25 0 6

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

IMG_7638.png

IMG_7637.png

Replies 2 (2)

Artzen_tech
Shopify Partner
552 113 112

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>

 

Artzen_tech_0-1696223631578.pngArtzen_tech_1-1696223662524.png

 


Let me know if need further assistance
Regards,
Artzen Technologies

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
LEEDIA
Excursionist
25 0 6

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