How to create a scroll-responsive header like Resilient Mind Build?

Store Design
,
1

hi

i want to do header like this focus how it is move when you scroll down and leave the logo up there and the header appears and when you scroll back and reach the end it disappear

here’s the link: https://resilientmindbuild.com

and this is mine : https://masteringdropshipping.myshopify.com

by the way i am using Dawn theme can any one teach me or give me code to paste

2

@Ahmed63

Please check the following URL for help

https://websensepro.com/blog/how-to-make-sticky-and-transparent-header-in-dawn-theme/