How do I decease the product title font size on mobile only

It is too big on mobile - the website is called cheffings.net

1 Like

Hi @lukafernada

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: 749px){
.product__title h1 {
    font-size: 30px;
}
}

And Save.

Result:

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

this hasn’t worked