While scrolling in mobile devices, I noticed that the nav bar isn't fixed. Is this intended ?

Also if I try to scale down from the desktop version to responsive one using devtools, the navbar is fixed but lacks a background which can cause the background text to overlap with navbar text.

Browser version - Chrome 91

Here is a gif demonstrating the behaviors :-