Hi! On my site, I put a header injection code on the homepage ONLY to make the navigation appear below the first section. It works great, but the only issue is on the page where search results show, the nav appears below the search results (where it should appear on the top as normal). I'm assuming this is because it defaults to the homepage styles. Anyone know how to fix this? Thanks!
Here's the code injection I used on the homepage only:
<style>
@media screen and (min-width: 768px) {
#header {
position: sticky;
top: 0;
display: none;
z-index: 10000;
}
main .page-section:first-child + #header {
display: block;
}
main .page-section:first-child {
min-height: calc(100vh - 68px)!important;
}
}
</style>
Site is https://monahan-demo.squarespace.com, password is bold. Also attached a screenshot.