My sidebar is under my content, Need help fixing it

  • Hi, I am currently having a problem with one of my wordpress sites. For some reason my sidebar is showing up underneath the content instead of to the right like its supposed to. I havent changed the width or anything. It was working fine this morning but out of no where started acting up. I did try different things, like, changing the sidebar size, taking different widgets off, fixing the widths of the widgets, and even shortening the content to see if that was the problem (although I highly doubt that makes sense). Some one please help, I am currently using the Graphene theme. I’ve posted and used many widgets, the widgets I have on today are the same that I have been using for a while. I also update my site constantly. Please help :).

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

  • Site link?

    try to use the https://validator.w3.org/ to check for broken html tags; particular for unclosed or extraneour divs.

    the error might be in the content of one of the latest posts – see if one or some of these post have the same sidebar error when viewed as single post.

    then check the content in the html mode of the post editor.

    If you have included html in one of those widgets, chances are that there is an unclosed <div> somewhere in one of them, which is causing what you see.

    If it took a while to show up, your server could have been sending you cached files.

    Hmm. I have the same issue when moving from Graphene 1.5.6 to 1.7.X, which is grid-based and thus has different styling. Analysing the “new” CSS doesn’t give me a clue. All the above — unclosed DIVs — have been verified and checked, they’re all correct. My best guess is that somehow the grid sizes are not exactly the same as on pre-grid 1.5.6. Fixing that, however, is beyond me, so I wonder if someone has any further suggestions?

    And yes, I’ve toyed with the slider settings and fixing the width of both the main content and the sidebars from the Graphene control panel. The issue didn’t go away; in fact, even narrowing the sidebar to less than 280px will not change anything (it requires hard-coding a lower number on the “extra CSS” box — but that won’t fix the problem, either).

    Well, for what’s worth… I’ve noticed that now there was some extra margin space around the main content and the sidebar, which didn’t exist before.

    So I just added the following to the extra CSS box:

    #content-main, #sidebar1 {
    margin-left: 0;
    margin-right: 0;
}

    This seems to have fixed it for now. The sidebar is now correctly on the right side as before. Adding float: right to the #sidebar1 makes it look even better and closer to what it was before, but I suppose that this is not really necessary.

    I still have a lot of minor tweaks to do, but these are related to tailored CSS which assumed CSS classes that are not present on 1.7.X any longer, so they need to be rewritten. But at least the main issue — getting the sidebar on the right side and not below the content area — is fixed. It was just the extra margins, coming up from nowhere as a complete surprise!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘My sidebar is under my content, Need help fixing it’ is closed to new replies.