Logo Banner disappears when you scroll.

Go down

In progress Logo Banner disappears when you scroll.

Post by Staxx on June 5th 2018, 7:35 am

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?

Logo Banner disappears when you scroll. Captur10


Last edited by Staxx on June 5th 2018, 3:48 pm; edited 2 times in total (Reason for editing : added second question)
Staxx
Staxx
New Member

Posts : 7
Reputation : 0
Language : engish

Back to top Go down

In progress Re: Logo Banner disappears when you scroll.

Post by SLGray on June 5th 2018, 9:54 pm

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.


Logo Banner disappears when you scroll. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 45671
Reputation : 3219
Language : English
Location : United States

https://help.forumotion.com/

Back to top Go down

In progress Re: Logo Banner disappears when you scroll.

Post by Staxx on June 5th 2018, 11:02 pm

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

Posts : 7
Reputation : 0
Language : engish

Back to top Go down

In progress Re: Logo Banner disappears when you scroll.

Post by SLGray on June 5th 2018, 11:16 pm

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


Logo Banner disappears when you scroll. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 45671
Reputation : 3219
Language : English
Location : United States

https://help.forumotion.com/

Back to top Go down

In progress Re: Logo Banner disappears when you scroll.

Post by Staxx on June 6th 2018, 1:13 am

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

before you scroll:
Logo Banner disappears when you scroll. Banner11

after you scroll just a tiny bit:
Logo Banner disappears when you scroll. Banner10
Staxx
Staxx
New Member

Posts : 7
Reputation : 0
Language : engish

Back to top Go down

In progress Re: Logo Banner disappears when you scroll.

Post by SLGray on June 6th 2018, 5:00 am

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.


Logo Banner disappears when you scroll. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 45671
Reputation : 3219
Language : English
Location : United States

https://help.forumotion.com/

Back to top Go down

In progress Re: Logo Banner disappears when you scroll.

Post by Staxx on June 6th 2018, 9:36 pm

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;
}
Staxx
Staxx
New Member

Posts : 7
Reputation : 0
Language : engish

Back to top Go down

In progress Re: Logo Banner disappears when you scroll.

Post by SLGray on June 6th 2018, 11:45 pm

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

Try setting it to yes.


Logo Banner disappears when you scroll. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 45671
Reputation : 3219
Language : English
Location : United States

https://help.forumotion.com/

Back to top Go down

In progress Re: Logo Banner disappears when you scroll.

Post by Staxx on June 7th 2018, 4:20 am

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

Posts : 7
Reputation : 0
Language : engish

Back to top Go down

In progress Re: Logo Banner disappears when you scroll.

Post by SLGray on June 7th 2018, 4:50 am

It disappears when the sticky navbar appears under the toolbar.


Logo Banner disappears when you scroll. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 45671
Reputation : 3219
Language : English
Location : United States

https://help.forumotion.com/

Back to top Go down

In progress Re: Logo Banner disappears when you scroll.

Post by Staxx on June 7th 2018, 4:03 pm

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

Posts : 7
Reputation : 0
Language : engish

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum