How do I get a Fixed Header???

Hello,

this theme already has a fixed header with logo. I am not sure what you are asking.

Visit https://Www.risingtidechicago.org

You’ll see that the header covers up the blog posts as you scroll down! It’s like the header doesn’t stay in place.

I should also say too that when the page is stretched out across the computer screen, the header scrolls down covering up blog content & not staying in place. Do I have the wrong setting on for this? It’s fine on mobile but on Firefox or safari it does this!

What changes have you made to the styles/code? your header image looks a bit big to be sticky. This will look pretty bad on some devices and smaller desktop screens.

Hi Template Express,
I removed the header image but the nav bar is still sliding with the scroll. I’m looking to keep the header and NAV Bar at the top. I would not like it to slide down as you scroll down the site? Is there anyway to disable the scrolling, moving NAV bar? See https://www.risingtidechicago.org

Thanks!
-Annie

OK, I think you might have the terminology mixed up. A fixed header, in terms of web design, means that you want the header to remain at the top of the browser window and not scroll with the rest of the content. It sounds like you actually want the header to scroll up with the rest of the page content, so it can’t be seen, is that correct?

I have the same issue as Annie. Can someone please let us know how to keep the main navigation menu from scrolling down the page (covering the post/page text)?

If you don’t want the menu to remain fixed at the top of the browser window, then add this CSS rule:

.stickyHead.is-sticky {
   position: relative;
}

Don’t edit the theme’s stylesheet directly or your changes will be lost the next time you update/upgrade the theme. The way you would add it is to either either create a child theme or use a CSS plugin like Jetpack or Custom CSS Manager. The easier way is to use a plugin instead of creating a child theme. If you need more exact instructions on how to use one of the CSS plugins, let me know.