text size to smaller for mobile resolution

Store Design
,
1

How can I change the text size to smaller for mobile resolution, its extra large for Desktop banner which looks amazing but for Mobile its way to bad, Please guide

Screenshot 2024-07-29 160354.png
Screenshot 2024-07-29 160354.png1162×356 68.8 KB

2

Hi @Alurithardd ,

First, you can check on setting for font size of theme, reducer the font size to size you want.

To find that setting, you can check on Global setting on Typography part or you can check in the Banner Section too.

If theme not support you can customize with css.

3

Hi @Alurithardd ,

please send me the store link, I will check it for you

4

Hi @Alurithardd

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.liquid. Add the following before 

@media screen and (max-width: 750px) {
    body p, body span, body div, body h1, body h2, body h3, body h4, body h5, body h6 {
        font-size: 80%;
    }
}

It will reduce the text size to 80%.

If it helps you, please like and mark it as the solution.

Best Regards