Site URL: https://authenticlifechurch.com/
Question. I had a fixed on scroll header, but when I added the announcement bar it got messed up. As you scrolled a gap remained above my header where the announcement bar was. If you clicked out of the announcement bar it popped back up to the top but I'm not confident people are going to know they have to do that. Is there anyway that as you scroll the header could cover up the announcement bar and then stay fixed? I took my fixed header code out so I could have the announcement bar but this is what I had in the custom CSS:
.Header {
position: fixed!important;
z-index: 1000;
width: 100%;
}
@media screen and (min-width: 641px) {
.Index section:first-child:not(.Index-gallery), .Main--page, .Intro, .Main {
padding-top: 81px;
}
.Intro + .Main {
padding-top: 0px;
}
}
