How to make the header menu sticky

Hi, just a general add here to the forum.
I found this CSS much better than the plugin that you recommend.

div.header-navbar {
  background:#FFF1E5;
  height:70px;
  z-index:999;
  margin:0 auto;
  width:100%;
  position:fixed;
  top:0;
  left:0;
  right:0;
}
2 Likes

Hi,

Thank you, this will be useful for our community.

I actually have a question on this @andrii - on sites like Experts the header eats now into the actual site (I needed to make it bigger). Is there a way to add a margin from header to page content like Experts (I didn’t see anything I could do on the Experts or services edit page).

The header seems to change between home page and other pages.
Home

Other

Is there a way to have the same header style everywhere? As the home one is perfect.

Hi,

Yes, it’s possible, but it requires CSS tweaks. If customizations are required for your site, please try customizing it using the collection of code snippets Search · user:hivepress · GitHub and other developer resources, or consider hiring someone for custom work https://fvrr.co/32e7LvY

Great, do you know the CSS that affects the header and where I should enter it?
And more importantly, where can I add a margin on top to page content like Experts (I didn’t see anything I could do on the Experts or services edit page). The pages are quite hard coded it seems.

Hi,

Sorry for the inconvenience, but customization is beyond our support scope - it includes fixing bugs and guidance about the available features Support Policy | HivePress

I understand that and I don’t expect you to provide me with all the details, but pointing me in the direction of your own theme where that can be added would be helpful. As there is no way to edit these pages in the normal editor and I just need to add a margin on top.

Hi,

There is no simple solution here, as it will require detailed review, custom implementation, and testing.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.