FROM CACHE - en_header

How to reduce collection list text size for mobile only?

igorsingaevskii
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.  

image0.png

image0.jpeg

Reply 1 (1)
made4Uo
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.
✿✿✿-

Likes  

and

 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.