Hello!!!
My website url is https://7eab60-11.myshopify.com/
It is still under construction
Topic summary
A user working with Shopify’s Dawn theme wants to create a transparent header menu that overlays the banner image, then transitions to a blurred/colored background when scrolling down the page.
Solution Provided:
- Add custom CSS/JavaScript code to the theme.liquid file after the
<head>tag - The code targets the homepage template specifically (
{% if template == 'index' %}) - Implementation successfully creates the desired transparent-to-opaque scroll effect
Follow-up Request:
Another user asks how to slow down the transition animation speed between the transparent and colored states.
Status: Initial question resolved; transition speed customization remains unanswered.