Not Solved header changes size when scrolling
#1
Not Solved
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: https://media.discordapp.net/attachments...height=442

Header when you scroll: https://media.discordapp.net/attachments...height=442

site: http://forums.thepokegen.com/index.php


code looks like this: https://media.discordapp.net/attachments...height=442




I appreciate any and all help!
Reply
#2
Not Solved
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
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)