Posts have huge blank space

  • Doesn’t look like any of these posts have been answered, so this question is probably in vain, but I’ll try anyway.

    When i click on any of my posts, before it gets to any content, there is a huge blank space of nothing. You have to scroll down to see it, desktop only. The left hand side bar with “read next” header seems to be pushing all my content down. Is there anyway to fix this?

Viewing 4 replies - 1 through 4 (of 4 total)

  • If you post a link to your site, I can take a look. Can’t tell what might be wrong otherwise just from your description.

    Thread Starter Goingfor2

    (@goingfor2)

    Sorry. I meant to post that. Goingfor2.com.

    you are correct in thinking that the related posts was pushing down the content.

    The best fix seems to be adding display: inline-block to .related-posts and .single-post .post-inner in your style.css.

    Also you will need to set a width to .single-post .post-inner as .related-posts has a set width, I would use % widths rather than px widths for responsive sites. So I would change the .related-posts width from 160px to say 20% and the .single-post .post-inner I would make 78% and remove the padding left.

    So your updated code should be:

    .related-posts {
  width: 20%;
  display: inline-block;
  vertical-align: top; /*display the sidebar at the top of the container div*/
}

.single-post .post-inner {
  display: inline-block;
  width: 78%;
  margin-left: 10px;
}
    Thread Starter Goingfor2

    (@goingfor2)

    Awesome. Thanks a lot.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Posts have huge blank space’ is closed to new replies.