[RESOLVED] Okay so I've recently started a class for Programmer Analyst. Right now we just started the Web Development module and I'm trying to impress the teacher!
So my goal is to have a Side Navigation menu Menu follow the scroll up and down the screen. I got that working but theirs a problem. When I minimize the browser ("restore down" button between the exit and minimize at the top-right(turns the browser into a smaller box)).
It's clearly an issue with my CSS file, to be more specific:
Code:
position:fixed;
margin-right:10px;
Code:
.sidenav{
margin-top:10px;
width:175px;
margin-right:10px;
margin-left:850px;
position: fixed;
float:right;
background-color:#000;
text-align:center;
border:thick #FFF solid;
border-radius:30px;
transition: all 5s ease;
-webkit-transition: all 5s ease;
-moz-transition: all 5s ease;
-o-transition: all 5s ease;
-ms-transition: all 5s ease;
}
So my question is: how can I setup the side nav so it follows the screen up and down; but also stays in the right position. As Shown in image_1 and 2 bellow.
PS: Due tomorrow morning and I'm staying up all night trying to figure it out.
