Logo Banner disappears when you scroll.

Whenever you scroll on my forum the banner disappears. Is it possible to have it not disappear when scrolling and the navbar not move until it gets to the top? Similar to this forum.

My forum:
http://www.duelacademy.net/forum
ModernBB


also, how do I change the color of widgets?

CSS Stylesheet

Code:

.module .h3 {
    background-color: YOUR COLOR;
    color: YOUR COLOR;
}

This is for the widget's top part.  Color is for the text.

what about the scrolling thing. Is that fixable? Because I was on another modernbb forum and it did the same thing.

If I scroll down your forum, would not the banner be not visible?

no if you scroll just a little the banner just poofs away. i would rather it scroll away as i scroll.

before you scroll:


after you scroll just a tiny bit:

The reason why it does it so quick is that you added some kind of code where the toolbar disappears when you scrolls down the page.

this is my css, and all my javascript are off

Code:

.headerbar {
    background-color: #b0b0b0;   
    height: 500px;
    overflow: visible;
    position: relative;
}

.is-sticky #logo {
    height: 0;
    margin: 0;
    opacity: 0;
    width: 0;
}
.is-sticky#headerbar-top {
    background-color: #b0b0b0;
}

.module .h3 {
    background-color: #221916;
}

#logo {
    display: inline-block;
    float: initial;
    margin-top: 0px;
    padding-top: 15px;
}

.module .h3 {
    background-color: ;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    font-family: inherit;
    font-size: 1.3rem;
    font-weight: 400;
    margin: -18px -18px 18px;
    padding: 12px 18px;
    text-transform: none; 
}

#wrap {
    background-color: #b0b0b0;
    border: 1px solid #;
    font-size: 1.3rem;
    margin: 0 auto;
    max-width: 1400px;
    padding: 24px 25px;
    width: 98%;
}

/* mark forums as read */
.linklist.top {
    border-width: 0 0 1px;
    padding-bottom: 0px;
    visibility: hidden;
    margin: 0px 0px;
}

/* Forum Titles */
a.forumtitle {
    color: #221916;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: -6px;
    text-decoration: none;
    visibility: ;
}
/*Sig Sizes*/
.signature_div img {
    max-width: 100%;
}

/*avatar sizes*/
.postprofile-avatar img {
    object-fit: cover;
    max-width: 120px;
    max-height: 120px;
}

/*Footer font sizes*/
.statistics-item > strong {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 29px;
    vertical-align: 0px;
}

/*catglist*/
#fa_catglist {
    background: #EEE;
    border: 1px solid #CCC;
    border-radius: 3px;
    padding-top: 0px;
}

a.forumtitle:hover {
    color: #d31141;
    text-decoration: none;
}

.panel {
    background-color: #f8f8f8;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    color: #444;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 18px 18px 0;
    position: relative;
}
/*topic bar*/
.forabg {
    background-color: #221916;
}

I believe it is how you have it set here: AP > Modules > Toolbar
Fix the toolbar:

Try setting it to yes.

No sir it didnt work. The toolbar doesnt move now but the banner still poofs away when you scroll just the tiniest bit.

It disappears when the sticky navbar appears under the toolbar.

how do I keep it from doing that until it reaches the top when I scroll.