(Dawn) How to Make Collection Text Smaller & Add Space Between Section Text?

[friendlyrobot19]

How can I

1. Make" featured products" and “shop all” text smaller for mobile

2. Add space between “featured products” text & “shop all” for mobile

How I want it to look:

How it currently looks:

Store link: https://95d536-88.myshopify.com/

Store keycode: www

[BSSCommerce-HDL]

Hi @friendlyrobot19 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[niraj_patel]

Hello @friendlyrobot19

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__title h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in { font-size: 20px !important; } .collection__title .collection__description p a { font-size: 14px !important; } .collection__title .title:not(:only-child) { margin-bottom: unset !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.