I’m trying to remove the overlay on my web banner. it doesn’t change If I remove the button and I can’t find how else to remove it.
Topic summary
A user encountered an issue with an unwanted overlay appearing on their mobile web banner that persisted even after removing the button element.
Solution provided:
- Navigate to Online Store → Theme → Edit code
- Locate the theme.liquid file
- Insert custom CSS code before the closing tag
- The CSS targets the overlay with media query specifications for mobile viewports (max-width: 767px) and sets background to unset
Outcome:
The solution successfully resolved the overlay issue. The discussion is closed with the problem fixed.
Hi @Biolife
This is Lucas from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag → save.
@media screen and (max-width: 767px){ .slide_1 { background: unset !important; }}
Hope that my solution works for you.
Best regards,
Lucas| PageFly
Thanks so much!
1 Like
You are welcome @Biolife 