sidebar and footer showing up out of place on every page but home

  • 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]

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

  • Start with this post, it might help.

    If your sidebar has mysteriously relocated to the bottom of your front page:
    https://en.support.wordpress.com/themes/layout-issues/

    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?

    Thread Starter achenn

    (@achenn)

    All is validated now, problem persists. Any ideas?

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

    front-page.php
    https://pastebin.com/QhzSrgJN

    single.php
    https://pastebin.com/YXZnAxNR

    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”

    ^^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

    Thread Starter achenn

    (@achenn)

    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.

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

    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.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘sidebar and footer showing up out of place on every page but home’ is closed to new replies.