Scrolling down blog

On my test website : http://echecs.cmslauncher.cloud/echecsaglo/, only 1 sidebar work. 🙁

Hi,

when I scroll down my Blog (http://www.overide.eu) in Firefox the main content gets compressed like in a mobile view?!

see images at the end

The same happens in the Edge browser (see second image)

and when i scroll down the first time in Chrome the sidebar will not go down to the end, see third image.

Is there a way that i can fix the sidebar?

————————————————————-

————————————————————-

thx

• This reply was modified 9 years ago by overide6.
• This reply was modified 9 years ago by overide6.
• This reply was modified 9 years ago by overide6.

@nikeo
thanx for your quick reply. since my post i changed some in my styles.css. i had this included, which played with the header logo position. after i took it out of the css it seems to work again (see code i removed below)

but now the space between the menu bar and the logo and the logo and the featured post is to big for my intent.

but the sidebar still covers up the footer.

I disabled the NextGen Widget for now as well

/* Mobile - 480px & 320px */
@media only screen and (max-width: 720px) {
	.mystyle {}
header .pad {
    padding-bottom: 0px!important;
    padding-top: 0px!important;
}
#header {
	padding-bottom: 0px!important;
}
.pad {
    padding: 0px 15px 5px!important;
}
.blog .post {
	margin-bottom: 20px!important;
}
}
/* Abstand Logo */
header {
padding-top: 0px !important;
padding-bottom: 20px !important;
}
/*Abstand Content von Header */
.pad {
    padding: 25px 30px 20px;
}
#header .pad {
    padding-top: 50px;
    padding-bottom: 30px;
}
#header {
	padding-top: 25px!important;
	padding-bottom: 20px!important;
}

• This reply was modified 9 years ago by overide6.