• At one time my sidebar was floating way below my content. I fixed it to the point that it sits at the bottom of the page, but I want it on the top. I feel this may be a staring at the screen for too long problem, was hoping some fresh eyes may help.

    Want to move it to the right hand side on both the blog page and individual blog post page

    website:
    https://www.livingkitchenwellness.com

    Thanks!

Viewing 12 replies - 1 through 12 (of 12 total)
  • You have a couple of <div class="clr"></div> right before your sidebar, thus clearing it after your floated columns.

    You could get rid of those, and see if that helps, or move your sidebar to before the columns.

    Start by sorting out the markup errors. Then move onto the CSS errors.

    Your posts are all nested inside each other and your sidebar is inside the post content div in line with the last post!

    Thread Starter nashproductions

    (@nashproductions)

    Thank you for the informative replies.

    I have noticed the surge of errors, however they’ve been there all the while with the template, and it was working fine at one point before I tried to move the sidebar around. Do you think there are any that may be directly affecting this problem?

    @ Coopersita – do you see this in my page.php? Or index?

    Do you think there are any that may be directly affecting this problem?

    Oh yes indeed!

    Thread Starter nashproductions

    (@nashproductions)

    Okay I have fixed the relevant CSS errors – I am however terrible confused with the markup errors – I do not even know where to begin?

    The major ones that I think could have something to do with the side bar are:
    # Info Line 415, Column 3: start tag was here

    <div id=”centercol”>

    # Error Line 1110, Column 7: end tag for “div” omitted, but OMITTAG NO was specified

    </body>

    ?

    You may have neglected to close an element, or perhaps you meant to “self-close” an element, that is, ending it with “/>” instead of “>”.
    # Info Line 414, Column 1: start tag was here

    <div id=”columns”>

    # Error Line 1110, Column 7: end tag for “div” omitted, but OMITTAG NO was specified

    </body>

    ?

    You may have neglected to close an element, or perhaps you meant to “self-close” an element, that is, ending it with “/>” instead of “>”.
    # Info Line 336, Column 1: start tag was here

    <div id=”page”>

    However – I do not see how to change my sidebar from being nested within my post content? Is this in my page.php?

    Thank you so much, already.

    Thread Starter nashproductions

    (@nashproductions)

    I think it may be a problem with my css – the size of the columns or something? though they look like they should match up.

    I am curious about putting my sidebar before the columns … would I do this in my page.php, single.php, index.php or all of the above?

    I am just so out of the coding zone right now with family concerns, any help however obvious it may sound is so greatly appreciated!

    Thank you

    It’s your markup – not the CSS.

    Thread Starter nashproductions

    (@nashproductions)

    alright – I have to admit I am a bit lost a to where to start with the markup errors – most do not even make sense to me. Most of them look like they are blog id post errors- which wordpress generates right?

    I honestly would be willing to pay you to help me with this problem just now.

    Is it something in one of my .php files? If yes, do you know which one?

    Most of them look like they are blog id post errors- which wordpress generates right?

    WP generated the post ids but it’s your theme’s template files that create the markup. Your index.php template file definitely needs sorting but, if your sidebar is falling to the bottom of the page on other pages, there may be other templates that also need fixing.

    Thread Starter nashproductions

    (@nashproductions)

    okay – what about now?

    I’ve reverted back to the absolute original template for the index and sidebar php. It looks as though my sidebar is jumping outside of the box, which makes me think it is something with the size of div’s?

    Thank you so much for your help – I truly value a master right now.

    Thread Starter nashproductions

    (@nashproductions)

    it is showing on every page where it should EXCEPT on the blog and post pages! (now overlapping all main content on other pages..)

    gah!

    Thread Starter nashproductions

    (@nashproductions)

    okay so it’s getting there. It’s now NOT on the bottom, and only on the pages I want. However I think it’s still popping out a div as there is some overlap going on….

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Sidebar at botom of page – want to be at side!’ is closed to new replies.