Reply To: [Solved] Fixed Sidebar Nav Maintaining width on Responsive Site

[Paulie_D]

However, the issue is that the left sidebar isn’t fixed to the left hand side of the window. It’s just fixed 25% down from the top.

So, the first thing to do is fix it to the left.

.social {
  position: fixed;
  top: 25%;
  left: 0; /* here */
  display: block;
}

BUT, that will cause the menu to disappear because, you have shifted it over 320px.

.social ul {
  padding: 0px;
  -webkit-transform: translate(-320px, 0);
  -moz-transform: translate(-320px, 0);
  -ms-transform: translate(-320px, 0);
  -o-transform: translate(-320px, 0);
  transform: translate(-320px, 0); 
}

So, adjust that number down (or rather up since it’s negative) so something like 150px until you have the effect you are after.

Then you can do something similar to the right side menu.