Social icons disappear on scroll

  • Resolved mikblik

    (@mikblik)


    8 years, 3 months ago

    Hi,

    I modified the header to look differently upon load and scroll: https://www.takuhomes.com

    Now my header social links disappear when I start scrolling and I don’t know why. I believe I need to add “.sticky-enabled” selector to something, but I can’t find where I need to add it to.

    Any ideas would be very appreciated.

    Thanks!
    Mihael

Viewing 1 replies (of 1 total)
  • Thread Starter mikblik

    (@mikblik)

    Figured it out with this:

    /* Move social icons to right */
.navbar-inner .social-block {
float:          right;
position:       relative;
top:            8px;
margin-top:     0px;
margin-right:   -30px;
text-align:     right;
font-size: 0.5em;
}

.sticky-enabled .tc-header .social-block {
display: inline;
top:            12px;

}

/* Hide social icons on mobile */
@media (max-width: 979px){
.navbar-wrapper .navbar.resp .social-block {
display:            none;
}
}
Viewing 1 replies (of 1 total)
  • The topic ‘Social icons disappear on scroll’ is closed to new replies.

Tags