Make Social Media Icons Fixed


Is it possible to make the social media icons fixed, so that when a viewer scrolls down on the pages, it is still visible at the top?

Thank you.


This isn’t possible by default, but you can make icons fixed and positioned inside top right corner on bigger screens with css code below:

@media screen and (min-width: 768px) {
    .col-sm-4.auth-social {
        position: fixed;
        right: 0;
        z-index: 1100;

.auth-social-nav > li > a:not(.btn) {
    color: #666;

Code will change icons color also and this is required in order to see them after scrolling down. Result with that code should look like this ,

Best Regards!

1 Like