How to make the navbar sticky/fixed at the source theme

How is that possible at the source theme with the Code injection? I’ve already tried all sorts of tips here in the forum.

1 Like

Try something like this in the header injection

<style>
  #gh-navigation {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
  }
</style>
2 Likes

Thank you!!! Works perfect :slight_smile:

1 Like

Thank you. The code worked on my site great, only problem I have now is the fixed header is cutting off/overlapping on the top of my content on some pages. Do you know how to fix this?

1 Like

Ah yes. I have this problem too…

1 Like

yeah, the header looks great, but its overlapping with the top line of text which is unfortunate.

1 Like

@klafbang Can you Help perhaps? :pray:

Its not the best solution. But for now it works. I will update the code again in the next days.

#gh-navigation { position: sticky; width: 100%; z-index: 1000; height: 56px; top: -7px; }