Refresh Theme: Heading and subheading Text not visible on Slideshow banner

Topic summary

Issue: In Shopify’s Refresh theme, slideshow banner heading/subheading/button text was invisible over the image. The text existed in the DOM but was hidden, and initial z-index tweaks by the user didn’t help. Screenshots were central to diagnosing the stacking problem.

Initial suggestions: Add z-index to .slideshow__controls in base.css (with and without !important). This affected the button but didn’t resolve headline/subheadline visibility.

Escalation: The helper requested and received store admin access to debug directly (no final code snippet shared publicly).

Additional bug: OP reported that below ~750px viewport width, the banner disappeared (“750px ne neeche jate hi banner gayab ho jata hai”), asking how to fix it.

Iterative fixes: After a “Check” update, a new issue appeared—submenu shifted down and the heading overlaid the submenu. A subsequent “Check” addressed that layering/positioning conflict.

Outcome: OP replied “Thanks,” indicating the visibility and responsive stacking issues were resolved. No explicit technical breakdown of the final CSS/structure changes was provided, and the thread appears resolved.

Summarized with AI on January 25. AI used: gpt-5.

doesn’t work.