Font collections title size in Debut theme

Solved
Highlighted
New Member
12 0 0

Hi, does anybody know how to reduce the name of the collections just for mobile? I have a custom code but it also reduces the ones in pc screen. Thanks.Screenshot_2019-11-30-17-35-17.png

 

0 Likes
Highlighted
Shopify Expert
667 170 234

This is an accepted solution.

Hi, @Aighard ,

This is Evita from On The Map.

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

@media only screen and (max-width: 749px) {
   .collection-grid-item__title {
      font-size: 11px!important;
   }
}

 

Best, Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
New Member
12 0 0

Wow! Thanx Evita.

0 Likes
Highlighted
Tourist
6 1 2

Hi!

I'm having this same problem on www.blackdaisytrading.com.au

using Debut

The suggested CSS doesn't make any difference.

Any further solutions anyone has come across?

Thanks :-)

 

0 Likes
Highlighted
Tourist
19 0 1

How to change the font size of collection page?

Nothing works in me.

I'm referring to the SALES in this url : https://www.dearestone.co/collections/on-sales

 

Thanks

0 Likes