How can I reduce the size of the product title in the product grid on mobile devices?

[Hannes09]

I would be happy about a simple custom css code! By the way, I use the Shrine Theme.

[Made4uo-Ribe]

Hi @Hannes09 

Would you mind to share your store URL? Thanks!

[Hannes09]

---

[Made4uo-Ribe]

Thanks, do you mean the product collection right? 

If it is, check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 676px){
div#ProductGridContainer h3 {
    font-size: 15px;
}
}

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Hannes09]

Thanks, but I have just found a similar solution with the help of another post on this platform... }
@media only screen and (max-width: 768px) {
h3 {
font-size: 13px !important;
font-weight: bold !important;
}
}

[Made4uo-Ribe]

Okay, but you are calling all h3 on the store. If you like only to change the title on the product grid. You need to call it specifically.