Header texts are not showing in mobile view - REFRESH THEME

Topic summary

A user is experiencing an issue where hero header texts display correctly on desktop but disappear in mobile view on their Shopify store using the Refresh theme.

Root Cause:
The problem stems from custom CSS code (using a hex color) that was previously added to style the desktop header text. This code only targets desktop view and doesn’t include mobile styling.

Solution Identified:
The header text exists but isn’t visible on mobile because the CSS needs to be extended to include mobile-specific code.

Current Status:
The original poster has requested clarification on:

  • What specific code should be added
  • Which part of the CSS needs modification

The discussion remains open, awaiting detailed implementation guidance for the mobile CSS fix.

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

Hello! I’d like to seek help regarding my hero header texts in Mobile View.
The desktop view is perfect but when I open it on mobile, the header texts are not visible anymore.
I’m wondering whether this is because I put a hex code for my desktop view (which I just got as a solution here in discussions as well) since it’s intended to be white.

I’m not too familiar with coding, so any assistance would be greatly appreciated! Thank you very much. :folded_hands:

What I see on mobile:

Preview link: https://xqgwaxvgj25fso19-47577071774.shopifypreview.com

its because of code as header text was there for only desktop in code. To show it on mobile you need to add code there.

Thanks for your reply @NomtechSolution . May I know what code I should include? And which part of CSS?