How to reduce collection list text size for mobile only?

Technical Q&A
1

Hello guys, on computer, the collections heading sizes look good, how can I fix that on mobile version? I am attaching screenshots to see the difference.

image0.png
image0.png621×1344 2.37 MB

image0.jpeg
image0.jpeg2016×1512 302 KB

2

Hi @igorsingaevskii ,

I am assuming you are referring to Rugs and Mats. If so, just follow the instructions below.

  1. Go to Admin > Online store > Themes > Actions > Edit code
  2. Open the base.css file under the Asset folder
  3. Add the code below.
@media only screen and (max-width: 481px) {
  .card__heading {
  font-size: clamp(18px, 4vw, 20px) !important;
}
}