Keep the top menu sticky

I had been using the ‘sticky anything!’ plugin to achieve this to good effect, but since the header and footer upgrades, I’ve not been able to get it to work yet. Not sure if this is an issue with Neve or with the plugin (or me!)

Yeah, I know how to make the menu sticky on top with CSS, I said that more as a suggestion to improve the functionality of the theme.
For me this works for example:

#header-grid {
    position: fixed;
    margin-top: 0px !important;
    width: 100%;
    z-index: 999900;
}

I tested it, in the mobile version also works.

• This reply was modified 5 years, 7 months ago by JBZ.
• This reply was modified 5 years, 7 months ago by JBZ.
• This reply was modified 5 years, 7 months ago by JBZ.

Hey @cgreen177,

Indeed the plugin Sticky Menu (or Anything!), use JBZ’s solution, it works and you’ll also get rid of the extras of a plugin.

@mahdijbz, thank you very much for your input and suggestion, we are taking into account adding this functionality and you’ll see it soon.

thanks @mahdijbz ! That wrks a treat for me (Had been trying .header ..)

@cgreen177 You are welcome.

@raducan Thanks for the good support that you provided. I hope you make your products the best of bests. It is a great theme.

@mahdijbz always a pleasure to help, users’ feedback is something we value very much.
I’d like to ask you if you wouldn’t mind leaving us a review to help other users searching for a theme see what current users think about the theme. Thank you! ??

Hello! @raducan
The code works, however with that solution menu is over lapping the .neve-main.
Is it possible to have that position fixed but working like absolute or something?

Thank you

Hi @raducan ??

I have exactly the same problem as @bambupll describes.

The code works, but it makes the menu hover over of the pages content, not above it. Because of this anchor points break. / section title falls behind the menu bar when clicking a page/#section link.

Is there any way to fix this?

Thanks a bunch for any feedback!

@jbz’s solution worked for me. I’ve literally spent the last two days trying to find a sticky header plugin that is compatible with elementor (basic version) and none worked. I’m so disgusted i wasted two days on this. Thanks.

@caa5042 You are welcome.

Hello everybody,

I unfortunately have the same problem as @bambupll and @fjez
Does anyone have the solution to fix it?

Thank you all.

• This reply was modified 4 years, 11 months ago by metal08.

@mahdijbz

Thanks so much for the sticky menu!

Works great.

Cheers!

Hey guys i managed to workaround the problem that it was overlapping with the content with this added to the css

#content {
padding-top: 80px
}