Hi,
I’d like my image to go behind the header too but I don’t know how to do it.
My website : https://vesuvenoir.com/
Image I’d like in the background : https://cdn.shopify.com/s/files/1/0862/1581/9612/files/IMG_3113.heic?v=1727949917
Example, I’d like something like this : https://maisoncleo.com/fr/
Do you know how I could make that happen ?
Thanks !
Hi @vnshop2024 ,
Perheps you want to achieve something like this?
What I’ve tried here is to kind of float the header from it’s position so that hero banner can take it’s place. Then, I’ve added transparent background to the floating header.
Issues:
The countdown was interrupting between them, so I’ve kept it hidden for now. You need to come up with a UI idea which may reposition the countdown. Otherwise, it is going to look bad with background image. Also, for that we need to float the countdown and reposition it under the header with complicated CSS.
If you can think of reposition the countdown, I can try to give you a solution from the dawn theme code.
Step 1: Go to Admin → Online store → Theme > Edit code
Step 2: Search for the file theme.liquid
Step 3: Add this code before tag
Result:
If it helps you, please like and mark it as the solution.
Best Regards 
Hi,
Thanks, but it didn"t perfectly worked as it’s not center… Did I do something wrong ?
Regards,
Edit : Ah I just noticed on my other screen it’s center but on my larger screen it’s not ! Anyway to fix this ?
Hello,
Yes I like this a lot !
I moved the countdown. Could you give me the solution please ? 
Thank you
@vnshop2024 , sorry my bad, please change the previous code like this
Hi,
Yeah it’s better, thans ! The only thing is that the title Vésuve noir doesn’t stay still and moves when I scroll down 
Regards,
@vnshop2024 , Ok let change the code like this