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
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:
- Navigate to Online Store → Edit Code → theme.liquid file
- Insert custom CSS code above the
</body>tag - 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.
Hey @Regardez
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
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:
- Go to Online Store → Theme → Edit code
- Open your theme.liquid file
- Paste below code before :
Best regards,
Anthony
Thank you