Forum anchors and logo with small screens

[Ron-e]

TGates i hope you don't get annoyed by my forum suggestions as i have two new ones..

• The anchors need an offset because the forum has an fixed navbar. 
  

Does this when using anchor links:


Needs to do this:

• When the navbar collapses the Sentora logo stays big.
  

Does this:


needs to be:




I have copied a page of the forum and have a fix for both, but of course there can be things changed when i copied them.
So i am not 100% sure it will work without tweaking..

Add also to bottom off http://forums.sentora.org/cache/themes/t...custom.css

Code:

/* fixes offset off anchors for screens with full navbar */
:target:before {
 content:"";
 display:block;
 height:78px;
 margin:-78px 0 0;
}

@media (max-width: 767px) {
    /* fixes offset off anchors for screens collapsed navbar */
    :target:before {
      content:"";
      display:block;
      height:50px;
      margin:-50px 0 0;
    }
    /* fixes logo size with collapsed navbar */
    .navbar-brand img{
        transform: scale(0.7, 0.7);
        -ms-transform: scale(0.7, 0.7);
        -webkit-transform: scale(0.7, 0.7);
          margin-top: -22px;
    }
}