Sticky/Fixed Header and Navigation for Debut Theme

[Jeck]

I tried to do this and it really works.

But the dropdown(when you add menu under menu haha), the search and the three-bar(for mobile view) are not working.

[Emma_Beckett]

Hi Sean

Thanks for sharing this.

Is there a way to just have the announcement bar visible at all times and not the header/menu bar when scrolling down the home page?

Thanks!

[KerryAlx]

Hi SeanP

I am sure you must be frustrated with all of these tech support questions - so I completely understand if you don't reply!

I am using Debut theme with the announcement bar enabled. I have implemented Option I and it does work... but down by screen "jumps and jiggles" when it loads. Any idea what I am doing wrong?

Thanks

Kerry

[MinusH2O]

Here's the fix to the Header covering the contents of the Body of the page.

You need to increase the space between the Header and the Body of the page. I found that this can be adjusted by changing the values in the code above (see my example below in bold) which had acceptable results for my site. Note that the top value changes the desktop version of the theme and the value below changes the mobile version.

#PageContainer {
padding-top: 130px;
}

@media screen and (max-width: 749px) {
#PageContainer {
padding-top: 200px;

[rumirei]

thanks for posting @MinusH2O . I changed the values you gave to the following to fix the header on my page. 

#PageContainer {
padding-top: 201px;
}

@media screen and (max-width: 749px) {
#PageContainer {
padding-top: 301px;
}
}

[Bonny_Belanger]

I am having the same problem with the announcement bar pinned to the top (good thing) but the navigation bar is not moving up to fill the space.  Did you find a solution?

[Bonny_Belanger]

I am having the same problem with the announcement bar scrolling out of view (good thing) but the navigation bar is not moving up to fill the space.  Did you find a solution?

[nuarswim]

The sticky header is working  well for me in the desktop view, but no on mobile... Does anyone have any tips on how to fix this? I am using the debut theme. 

[Diananajera93]

Hi! I have a question about your sticky navigation how did you make it where it is white completely? Mine follows the user but it looks like this:

 

[PrimpandPosture]

This worked for me!!! Extending a big thanks, I've been troubleshooting this issue for days!