Change font color on mobile only

Store Design
, ,

Topic summary

Issue: Request to change font color on a giveaway page for mobile only; text appears white/invisible on mobile. The poster shared their store URL and a preview password for access.

Proposed solution: A responder advised adding custom CSS in theme.liquid (Online Store > Theme > Edit code) before the tag to target mobile specifically. This implies using a mobile media query to set a contrasting font color on mobile.

Notes: The actual CSS code snippet is not visible in the post, but a screenshot was provided showing the mobile text displaying correctly after the change. Images are central to understanding the visibility issue and the result.

Status/outcome: No confirmation from the original poster that the fix worked; resolution remains unconfirmed. Next step would be to implement a mobile-specific CSS override (via media query) and verify on devices/browsers, or request the exact CSS snippet if needed.

Summarized with AI on December 13. AI used: gpt-5.
1

IMG_6684.jpeg
IMG_6684.jpeg3024×4032 1.62 MB

Hello!
In need of assistance changing the font color on my giveaway page for mobile only. It is white on desktop so it doesn’t show on mobile.

IMG_6683.jpeg
IMG_6683.jpeg3024×4032 1.27 MB

2

Righteousofficial.com

right5785*

3

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag

Result:

AnneLuo_0-1732593185785.png
AnneLuo_0-1732593185785.png319×507 59.4 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like