hi looking to create a transparent header like this website displays, with the logo as well as ability to make it a drawer drop down when on mobile. thanks
You’ll need to make your header position: fixed with a transparent background, place the logo inside, and then use CSS media queries or a JS toggle for the mobile drawer. On desktop it shows inline links, and on mobile it collapses into a hamburger that expands into a slide-out menu. Most frameworks like Tailwind or Bootstrap make this pretty straightforward.
Please share the link to your store if you dont mind.
i had ai create one for me but as of now if you visit any other page then the header clashes with the rest of the page. please help
Please wrap your script in this code.
{% if template == 'index' %}
// add your <script> code here
{% endif %}