How can I make this text smaller in mobile?

[burak07]

[retinalab]

Hello Burak,

You can edit your product title css with your asset>css file.

You can check following css class .product .item>.right h1

But this solution will change all product title sizes.

Instead of that you can add media query and create custom css class for mobile version of product title. I attached sample version of it.

I hope it will help you.

Best,
Arda

[KetanKumar]

@burak07

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/colors.css ->paste below code at the bottom of the file.

@media (max-width: 640px) {
.product .item>.right h1 {
    font-size: 24px;
}
}

[Accurateyemi]

Hello [email removed]@burak,

I hope the the replies you’ve gotten so far really help, but if you still find it a little bit hard

I’ll be glad to help you furthermore