Logo Banner disappears when you scroll.
2 posters
Page 1 of 1
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?
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)
Staxx- New Member
- Posts : 7
Reputation : 0
Language : engish
Re: Logo Banner disappears when you scroll.
CSS Stylesheet
This is for the widget's top part. Color is for the text.
- Code:
.module .h3 {
background-color: YOUR COLOR;
color: YOUR COLOR;
}
This is for the widget's top part. Color is for the text.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Logo Banner disappears when you scroll.
what about the scrolling thing. Is that fixable? Because I was on another modernbb forum and it did the same thing.
Staxx- New Member
- Posts : 7
Reputation : 0
Language : engish
Re: Logo Banner disappears when you scroll.
If I scroll down your forum, would not the banner be not visible?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Logo Banner disappears when you scroll.
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.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Logo Banner disappears when you scroll.
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- New Member
- Posts : 7
Reputation : 0
Language : engish
Re: Logo Banner disappears when you scroll.
I believe it is how you have it set here: AP > Modules > Toolbar
Fix the toolbar:
Try setting it to yes.
Fix the toolbar:
Try setting it to yes.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Logo Banner disappears when you scroll.
No sir it didnt work. The toolbar doesnt move now but the banner still poofs away when you scroll just the tiniest bit.
Staxx- New Member
- Posts : 7
Reputation : 0
Language : engish
Re: Logo Banner disappears when you scroll.
It disappears when the sticky navbar appears under the toolbar.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Logo Banner disappears when you scroll.
how do I keep it from doing that until it reaches the top when I scroll.
Staxx- New Member
- Posts : 7
Reputation : 0
Language : engish
Similar topics
» Logo Problem
» how i add a scroll banner??
» Scroll Banner
» Scroll banner at top of homepage - Help me change it
» Need A SMW logo banner
» how i add a scroll banner??
» Scroll Banner
» Scroll banner at top of homepage - Help me change it
» Need A SMW logo banner
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum