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
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?
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; }Hello, it would be better if it could be fixed while scrolling the screen down. Let it slide up so that it does not appear on the screen when scrolling up, and fix it when scrolling down. This would be more useful.