Changing product title size on Debut theme, mobile only?

[WithLuke]

Hi, I'm wondering how I can change the font size of my product titles on featured collection on MOBILE only

.grid-view-item__title {
font-size: 20px;
}

 This code works for desktop but I only want to affect on mobile, is it possible?

Thanks

Luke

https://withlukestudios.com/

no pw

[FrankMoore]

Hi,

You just need to add the CSS code below

@media (max-width: 767px) {
.product-card__title {font-size: 20px;}
}

[WithLuke]

This didn't change anything

[Natztech]

please Go to Online Store->Theme->Edit code then go to Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
 {
	#shopify-section-1612788681b4eb0329 .page-width .section-header .grid .grid__item  .grid-view-item .grid-view-item__title{
	font-size: 20px !important;
}
}