Fix Sizing Of Text For Mobile View Only Using Custom CSS

Shopify Discussion
1

On my website the orange text is to big for mobile but is perfect size for desktop.

Can anyone point me in the right direction on how to change this please?

Also I would like to change the size for most of the text on the page. Could someone also help with this?

Thank, any help is appreciated.

web URL - https://25f61a-2.myshopify.com/

Screenshot 2023-08-29 at 16.56.19.png
Screenshot 2023-08-29 at 16.56.19.png811Ă—1336 166 KB

1 Like
2

Hi @L25HRY ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Note: You can adjust the value to fit your store

Best regards,

Anthony

1 Like
3

This worked! Thanks so much.

Would I use the same format for the reast of the headings on that page?

4

Hi @L25HRY

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “theme.liquid” and paste the code below before the tag.

i hope it help.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

5

How would I do this for the rest of the headings on that page?

Is it the same format?