How to reduce the Banner heading text for mobile only

Hi,

store url: maevincollection.com

How to change the text size of banner header for mobile only?

I like how it looks on desktop but on mobile it’s too big and overlapping.

please help. Thanks!

Hello @Vince111

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Store → Themes → Edit Code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag


Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Hey @Vince111 ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

15px is the heading, 12px is the text description below it. Change these values as you like


Screenshot is for reference only, the correct code to paste is the one shown above.