Ready to get started?Download WordPress


sidebar and footer showing up out of place on every page but home (9 posts)

  1. achenn
    Posted 2 years ago #

    Live site.

    My sidebar is showing up in the upper right portion of the screen on pages(single.php), but not my home/landing page(front-page.php).

    front-page.php (<-- works fine/sidebar & footer in correct location)

    [Code moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin]

  2. TeamKaeru
    Posted 2 years ago #

    Start with this post, it might help.

    If your sidebar has mysteriously relocated to the bottom of your front page:

  3. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    You have a lot of mark-up errors on your site -- those are no doubt causing the layout errors.

    Validating a Site

    After dealing with those, validate the CSS code. THEN see where you are.

    It appears that you have a custom theme?

  4. achenn
    Posted 2 years ago #

    All is validated now, problem persists. Any ideas?

    ETA: Yes, it is a custom theme, one I've been working on myself.



  5. TeamKaeru
    Posted 2 years ago #

    It looks a little worse than it did when I looked at it earlier. Looks like you have a lot of issues in the css that need tending to. Even on the home page where the side bar is floating sorta correctly, it's covering up the top line navigation item "Cool stuff"

  6. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    ^^Yep, you have major problems with the fundamental layout:
    #landing should be floated left and have a fixed width
    #sidebar should be floated right
    The widths of the above must be less than the containing element

  7. achenn
    Posted 2 years ago #

    Perfecto! Layout issues resolved! Thank you TeamKaeru & WPyogi for the help/advice. I'm working on cleaning everything up right now, and will definitely use this as a lesson learned.

  8. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    Great -- yeah, validating seems like a big pain in the ***, but in the long run, will save you much headaches and time!

  9. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    From your duplicate thread:

    The right sidebar is exactly where I want it on the 'home' page, however it shifts vertically on subsequent pages. I've finally validated the html & css, so I'm not too sure why this issue is occurring. Any ideas?

    You need to add a fixed width and float: left to the "#container #page" CSS one line 244.

Topic Closed

This topic has been closed to new replies.

About this Topic