my website

\ display: block; color: black; padding:16px; text-decoration:none; } .sidebar a.active { background-color: #694531; color: white; } .sidebar a:hover:not(.active) { background-color: #555; color: white; } div.content { margin-left: 200px; padding: 1px 16px; height: 1000px; } @media screen and (max-width: 700px) { .sidebar { width: 176%; height: 150%; position: relative; } .sidebar a {float: left;} div.content {margin-left: 0;} } @media screen and (max-width: 400px) { .sidebar a { text-align: center; float: none; }

my website

\ '.sidebar a { display: block; color: black; padding:16px; text-decoration:none; } .sidebar a.active { background-color: #694531; color: white; } .sidebar a:hover:not(.active) { background-color: #555; color: white; } div.content { margin-left: 200px; padding: 1px 16px; height: 1000px; } @media screen and (max-width: 700px) { .sidebar { width: 176%; height: 150%; position: relative; } .sidebar a {float: left;} div.content {margin-left: 0;} } @media screen and (max-width: 400px) { .sidebar a { text-align: center; float: none; }

my website

\ '); position: fixed; height: 150%; overflow: auto; } .sidebar a { display: block; color: black; padding:16px; text-decoration:none; } .sidebar a.active { background-color: #694531; color: white; } .sidebar a:hover:not(.active) { background-color: #555; color: white; } div.content { margin-left: 200px; padding: 1px 16px; height: 1000px; } @media screen and (max-width: 700px) { .sidebar { width: 176%; height: 150%; position: relative; } .sidebar a {float: left;} div.content {margin-left: 0;} } @media screen and (max-width: 400px) { .sidebar a { text-align: center; float: none; }