Hi there, I’m sure this is a very simple answer, but over the past couple of days I’ve encountered this problem. It’s like the header is just completely ignored. It is a sticky navbar, however this is it scrolled completely to the top of the page. Any help would be appreciated.
Hello,
you mean that this was not happening and it happens now?
Started when I moved the navbar code onto different pages, Page I made the navbar on doesn’t have this problem
You pasted the code in several pages, or your display the menu as an included file.
The code
Most propably, if the code works fine in your original page, then you might be missing something more that you need to copy.
Just double checked, It still does it on the original page, It when’s I add a BS4 block, that it then goes behind.
If it was working ok and now it is not, please check if you have made any changes that caused this to happen
Using a position fixed, absolute or sticky, takes the element out of the normal flow of a document. To compensate, give the content a top margin equivalent to the height of the navbar.
For a normal Bootstrap navbar give the content a class of mt-5