How can I hide banner text on mobile version of Dawn theme?

Topic summary

A user wants to hide banner text on mobile devices while keeping it visible on desktop in the Dawn theme.

Proposed Solutions:

Two community members offered similar CSS-based approaches:

  1. Navigate to Online Store → Edit Code → theme.liquid file
  2. Insert custom CSS code above the </body> tag
  3. Use media queries to target mobile screens and hide banner text elements

Current Status:

The original poster thanked the respondents, but hasn’t confirmed whether either solution successfully resolved the issue. The discussion remains open without explicit confirmation of a working fix.

Note: The provided code snippets appear corrupted or reversed in the conversation, which may require clarification for proper implementation.

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

Hi,
I want to hide the text on my image banner only on the mobile version.

Link to my website: https://rightnowvintage.de/
Thanks in advance for any help

Hey @Regardez

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

1 Like

Hi @Regardez ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

Thank you