Slow-loading body elements cause sidebar to fall short

The issue is even more noticeable on posts containing large images. On the first load (or Ctrl-F5) sometimes a whole half of the sidebar is cut off. On the second load it isn’t cut off (as much – Facebook Social still causes a smaller cut-off).

I have mitigated the issue somewhat by applying a min-height value to .entry-content larger than the expected height of the content in the sidebar. Now the sidebar content is never cut off. Unfortunately the issue still occurs on longer posts, and the sidebar background doesn’t extend as far as it should. Hopefully I can figure out a better fix.

This in child theme is better, especially because it doesn’t affect pages without a sidebar:

/* sidebar height issue fix */
#sidebar {
        min-height:2600px; /* adjust as desired */
}

/* when float is gone, no minimum (good for responsive ads and so any other superfluous height doesn't look bad) */
@media only screen and (max-width: 824px) {
        #sidebar {
                min-height:0;
        }
}

This will be good enough for my needs. I don’t care if the sidebar is cut off after the set minimum. Thanks for a great theme!

This may be an even better fix to ensure the sidebar is always stretched to its content:

#sidebar {
	overflow:auto;
	height:auto !important;
}