How to change size of title for mobile users

Shopify Discussion
, ,

Topic summary

A user seeks to reduce the title size on product pages specifically for mobile devices in their Shopify store.

Initial Solution:

  • A CSS code snippet was provided to be inserted in the theme.liquid file before the </body> tag
  • This successfully resolved the issue for one specific product

Current Issue:

  • The original code only affects a single product page
  • The user needs the mobile title sizing to apply across all product pages store-wide

Latest Development:

  • An updated CSS code was shared to apply the changes globally
  • However, the user reports this new code has no effect when placed in the same location
  • The issue remains unresolved and requires further troubleshooting
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hello guys, how can I change the size of this title only for mobile users?

1.png
1.png398×782 139 KB

1 Like
2

Mustafa_Ali_0-1746439954193.png
Mustafa_Ali_0-1746439954193.png365×425 21.3 KB

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

1 Like
3

Hello Mustafa_Ali thank you so much that had solved my problem!

1 Like
4

Hex Mustafa_Ali, can I somehow apply this size for all my products? Now its only applied on the specific one

1 Like
5

hey @NikosBat thank you for your response if you need more help feel free to share it

1 Like
6

Hex Mustafa_Ali, can I somehow apply this size for all my products? Now its only applied on the specific one

7

hey @NikosBat just removed the previous code that i give to you
add a new code then you problem is solved

1 Like
8

Hello Mustafa_Ali and thanks for replying, that code does nothing if I paste it above the body part.