How do I make mobile header text color different from desktop view?

Topic summary

A Shopify store owner wants to display black header text on mobile devices while keeping tan-colored text on desktop.\n\nIssue Details:\n- The website is password-protected, initially preventing helpers from accessing it\n- Store owner provided password \

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.

Id like to make mobile color header text color black and keep the tan color text for my desktop. Thanks!

Hello @tigrisjewelryco

Can You share Your store url if you don’t mind

Hey @tigrisjewelryco

Your website is password protected, can you share the website password as well?

Best Regards,

Moeed

Hello @tigrisjewelryco
please provide password of your website.

enzo

enzo

Hey @tigrisjewelryco

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

2 Likes

Thank you so much! Can you help me add a code area for different font type and size