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?



Last edited by Staxx on June 5th 2018, 3:48 pm; edited 2 times in total (Reason for editing : added second question)
avatar
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.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43912
Reputation : 3124
Language : English
Location : United States

http://fmthemesdesignteam.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.
avatar
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?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43912
Reputation : 3124
Language : English
Location : United States

http://fmthemesdesignteam.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:


after you scroll just a tiny bit:
avatar
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.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43912
Reputation : 3124
Language : English
Location : United States

http://fmthemesdesignteam.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;
}
avatar
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.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43912
Reputation : 3124
Language : English
Location : United States

http://fmthemesdesignteam.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.
avatar
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.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43912
Reputation : 3124
Language : English
Location : United States

http://fmthemesdesignteam.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.
avatar
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