So I got some help earlier with this but they just gave me some basic code that didn’t make what I wanted to become sticky. I want my nav bar to be a sticky. Im not sure if the nav bar that includes the links is considered the header but thats what I want to be sticky. Right now I have the announcement bar sticky which is ok but its not what I wanted to be sticky.
Site url: https://minimal-design-james.myshopify.com/
password: FoxHound
This is what it looks like at the top of the page:
And this is what it looks like when you scroll down, just the announcement bar stays visible instead of the nav links:
Any help would be really appreciated. This code will not work btw :
.header-bar {
position: fixed;
z-index: 999;
width: 100%;
}
header.site-header {
padding-top: 60px;
}
I tried editing the code and I ended up getting this by changing whats above to this :
header.site-header {
position: fixed;
z-index: 999;
width: 100%;
}
And the result was this:
