Changing product title size on Debut theme, mobile only?

WithLuke
Excursionist
23 0 7

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

0 Likes
FrankMoore
Explorer
44 10 9

Hi,

You just need to add the CSS code below

@media (max-width: 767px) {
.product-card__title {font-size: 20px;}
}
Shopify Developer from @Cadifa
0 Likes
WithLuke
Excursionist
23 0 7

This didn't change anything

0 Likes
Natztech
Shopify Partner
383 95 181

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;
}
}
Want to theme customize Hire us.
If helpful then please Like and Accept Solution

E-mail :natztech2312@gmail.com
Shopify Design Changes | Shopify Custom Theme Design and Development

Whatsapp :
0 Likes