MyBB Community Forums

Full Version: header changes size when scrolling
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi, my issue is that the header gets cut in half when you scroll. How do I make it so that either it doesnt change in size, or preferably so that It doesn't move when you scroll and just stays at the 'header' of the page

Header at top of page:

Header when you scroll:


code looks like this:

I appreciate any and all help!
if you like to not change height of header part then
find below css properties in global.css stylesheet of the theme
and add /* at the beginning & */ at the end ; save stylesheet

.header.shrink {
height: 120px;
line-height: 120px;
border-bottom: 3px solid #32a8b5;

.header.shrink .logo {
font-size: 40px;
padding-top: 0px;

.header.shrink img {
width: 100px;
height: auto;
padding-top: 15px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;

looks like padding-top: 150px; for #container also needs to be removed by using /* & */

note: edit the stylesheet in forum admin panel (through themes section) AND in advanced edit mode (tab)

remember hard refreshing your browser [eg. press CTRL + F5] on forum index after saving changes to the stylesheet