I'm currently working on creating a navbar that needs to be positioned to touch the edges of the screen. Here is the CSS code snippet that I have implemented so far:
nav {
position: absolute;
top: 0;
left: 0;
right: 0;
height:65px;
display: block;
background-color: #1abc9c;
}
However, my goal is to have the navbar stay fixed on the page as you scroll down. I've been trying to find a solution that doesn't involve changing the position value to something other than absolute, as doing so causes the navbar to not touch the edges of the screen.