How can I make the font on the images smaller on my mobile phone only? (SENSE THEME)

[Muselabel]

hello,

The fonts on the images are to big on my mobile phone as you can see in the image. Is there someone who can help me with this?

[BSS-TekLabs]

Hi @Muselabel,

You can follow these steps to make the effect

1. Open Online Store > Theme > Edit Code

2. Find and open the base.css (or theme.css, custom.css) file

3. Paste the code snippet below at the bottom of the file and hit save

@media screen and (max-width: 599px) {
    .collection-list .card-wrapper .card__content .card__heading a {
        font-size: 16px;
    }
}

@media screen and (max-width: 499px) {
    .collection-list .card-wrapper .card__content .card__heading a {
        font-size: 14px;
    }
}

Here is the result

Hope this helps you solve the issue.

Please don't forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!