How to adjust the collection label on mobile view dawn theme

Store Design
, ,
1

How do I make the font size smaller for the collection list labels for shopify dawn theme on mobile view only? Website URL: https://adlaudemdei.com/

Collection.png
Collection.png388×839 169 KB

2

Hi @pmltntc

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

Hello @pmltntc

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px){ .collection-list-wrapper h3.card__heading a { font-size: 11px !important; } .collection-list-wrapper .card__information { padding: unset !important; } .collection-list-wrapper .card .icon-wrap { vertical-align: middle !important; } }

techlyser_web_0-1717478715995.png
techlyser_web_0-1717478715995.png316×204 62.5 KB

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.

4

Hi @pmltntc

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
@media screen and (max-width: 767px){
.collection-list-wrapper h3.card__heading a {
font-size: 11px !important;
}
.collection-list-wrapper .card__information {
padding: unset !important;
}
.card .icon-wrap {
vertical-align: middle !important;
}
}

ZestardTech_0-1717479586934.png
ZestardTech_0-1717479586934.png822×523 120 KB

5

This worked. Thank you!

6

Hi @pmltntc

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.