FROM CACHE - en_header

How to reduce collection list text size for mobile only?

New Member
5 0 0

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.  



Reply 1 (1)
Shopify Partner
1984 352 483

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;


Just be reminded that we are volunteering to help.



 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

Keep your stuffs private. Refrain from giving unnecessary access to your store.