Text colour different on mobile to desktop

Topic summary

Issue: The poster wants different text colors on desktop vs mobile; mobile text appears too light and needs to be darker. A preview link was shared for troubleshooting.

Proposed fix: A helper advised editing Online Store > Edit Code > theme.liquid and adding code before the tag to change the mobile text color. The exact snippet isn’t visible in the post, but a result screenshot shows the mobile text appearing darker, indicating the approach worked.

Follow‑up: The poster asked to use a specific color (#366964). The helper clarified to replace the word “black” in the added code with the desired hex value.

Notes: Images were used to compare desktop vs mobile and to show the fix’s outcome. The shared code content is not shown in the thread, but the instruction implies a color value labeled “black” that can be swapped.

Status: Appears resolved with clear steps; no remaining open questions reported.

Summarized with AI on December 15. AI used: gpt-5.

Hello,

Need help setting the desktop text colour as a different colour to the mobile view.

This is the desktop view.

and this is mobile. As you can see, i need the text a darker colour.

Any help would be appreciated.

StarMintz - The UK’s First Teeth Aligner Sugar Free Mints

1 Like

sorry, here is the link

https://4oyryyj1to2sz7tv-71289930044.shopifypreview.com

1 Like

Hey @StarMintz

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

Perfect, is it possible to change the colour to a specific colour, #366964?

1 Like

Just replace the word “black” with any color code you want and it should be good to go.

Best Regards,

Moeed