When scrolling down, there is a gap between the header menu and the page.

[zenir_official]

It's exactly the problem I said in the title, I tried to fix the javascript but I'm not sure how to do it, which part should I fix? I'm using the Dawn theme.

https://www.shopzenir.com/

[Dan-From-Ryviu]

Did you add customized code to make the header sticky?

 Please remove your code and go to store admin > Sale channels > Online Store > Themes > Customize > Header > Header sticky 

[EBOOST · Accepted solution]

Hi @zenir_official ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code
2. Assets/base.css
3. Add code below to end of file

body:not(.overflow-hidden) {
	overflow: visible!important;
}
.section-header.shopify-section-group-header-group{
	z-index: 100000!important;
	position: -webkit-sticky;
	position: sticky;
	top: 0;

}
.shopify-section-group-header-group.announcement-bar-section {
	z-index: initial!important;
}
#shopify-section-sections--22410486317355__header sticky-header {
	position: static!important;
}
body #smi-template--22410490839339__smi_slideshow_1_2_PGVfnn{
	margin-top: 0!important;
}
body .breadcrumbs {
	top: 33px;
	margin-bottom: 0;
}

[zenir_official]

The code works as I had hoped. Thank you so much! 🙂