Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Full-height sticky row on right and left, created by BeaverHero.com
/* If you want to sticky on RIGHT, use this css */
@media screen and (min-width:991px) {
.kl-fixed-sidebar {
position: fixed;
top:0;
bottom:0;
right:0;
height:100%;
z-index:9000;
width: 250px;
background-color: #f5f5f5;
}
}
/* If you want to sticky on LEFT, use this css */
@media screen and (min-width:991px) {
.kl-fixed-sidebar {
position: fixed;
top:0;
bottom:0;
left:0;
height:100%;
z-index:9000;
width: 250px;
background-color: #f5f5f5;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.