.icon-bar { position: fixed; top: 50%;right:0px -webkit-transform: right:0px;(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .icon-bar a { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display: block; right:0px; text-align: center; padding: 16px; transition: all 0.3s ease; color: white; font-size: 16px; } .icon-bar a:hover { background-color: #000; } .facebook { background: #3B5998; color: white; } .twitter { background: #55ACEE; color: white; } .google { background: #dd4b39; color: white; } .linkedin { background: #007bb5; color: white; } .youtube { background: #bb0000; color: white; }