sidebar moved to bottom of page

People generally have this issue when they copy code into their posts that has not been formatted correctly. The usual code suspect is a using too many </div> elements, as this will change the structure of the page.
For example, you have this structure:

<div class="main-section">
    <div class="primary">
        ...Blog post here...
    </div>
    <div class="secondary"> ...Sidebar here... </div>
</div>

If you were to accidentally add one too many </div> elements inside of your blog posts, the structure would change as below:

<div class="main-section">
    <div class="primary">
        ...Start blog post here...
        <div>
        </div></div>
        ...End blog post here...
</div>
<div class="secondary"> ...Sidebar here... </div>

If you need urgent support then we generally forward you onto better support avenues like WP Jobs and CodePoet. It’s to prevent frustration that your issue has not been resolved in the time frame you wanted.

THANK YOU!! Andrew I appreciate your response. I’ve never worked with a developer that didn’t allow you to contact them – so I’m really feeling frustrated.

I’m not sure when this problem started, can you suggest how I can identify which post caused this or should I just start working backwards until I find the problem?

Also, can a post that is scheduled but not yet posted cause the problem? I have several of those as well.

Again – thank you SO MUCH for your help!

Also, can a post that is scheduled but not yet posted cause the problem? I have several of those as well.

Fortunately I don’t think those posts can effect this problem.

I checked out your Homepage and I don’t think I could see the issue. Is it happening on the Homepage? Maybe I’ve misunderstood what you’re referring to as the sidebar.

yes – home page. All the widgets except two have dropped to the bottom. I think I might have found the extra div – just fixed it and off to check.

ok – now my primary sidebar seems to have become the secondary. ??

I understand that you’ve been at this for 5 hours Helen. It’s frustrating even for a developer because the extraneous element is so slippery to track down.

I’ll look into it more thoroughly now.

Andrew thank you. I found two posts that had the extra </div> and I took those out. It put the sidebar back in line, but it doesn’t start at the top.

I use the W3C HTML validator to spot if there are any elements that have been opened without closing tags, or that have been closed without opening tags.
This validator tool came up with some of those issues: https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.lazygastronome.com%2F

Particularly these errors:

Error: End tag div seen, but there were open elements.

Error: Unclosed element a.

Error: End tag li seen, but there were open elements.

Error: Start tag a seen but an element of the same type was already open.

These errors are regarding the widgets inside the sidebar.

I cannot distinguish between irrelevant errors and errors related to your issue. The errors there may not be relevant to the issue, but you’ll be in a much easier position to find the origin of the problem once those errors have gone. I would have an easier time too.

The validator shows a section of the content inside the error message for context. For example the error numbered as 32 shows the element that contains the link of ‘https://www.coffeewithus3.com/. This will help you find the element with the issue.

If you want more context, you can use the line numbers as a reference point. The line numbers of any page can be seen when you right click on the page and select “View source”.

Oops I’m sorry I didn’t see your previous post

Ok – off to look at all that!

I found a post that was missing a </div> element. The post is titled as “What’s For Dinner? Sunday link up #32”

In that post you have this code:

<div class="addtoany_share_save_container addtoany_content_bottom">
            <div class="a2a_kit a2a_kit_size_32 addtoany_list a2a_target" id="wpa2a_6">
                <a class="a2a_button_facebook_like addtoany_special_service" data-href="https://www.lazygastronome.com/whats-for-dinner-sunday-link-up-32/"></a>
                <a class="a2a_button_twitter_tweet addtoany_special_service" data-url="https://www.lazygastronome.com/whats-for-dinner-sunday-link-up-32/" data-text="What’s For Dinner?  Sunday link up #32"></a>
                <a class="a2a_button_pinterest_pin addtoany_special_service" data-pin-config="none" data-url="https://www.lazygastronome.com/whats-for-dinner-sunday-link-up-32/"></a>
                <a class="a2a_button_google_plus_share addtoany_special_service" data-annotation="none" data-href="https://www.lazygastronome.com/whats-for-dinner-sunday-link-up-32/"></a>
                <a class="a2a_button_yummly" href="https://www.addtoany.com/add_to/yummly?linkurl=http%3A%2F%2Fwww.lazygastronome.com%2Fwhats-for-dinner-sunday-link-up-32%2F&linkname=What%E2%80%99s%20For%20Dinner%3F%20%20Sunday%20link%20up%20%2332" title="Yummly" rel="nofollow" target="_blank"></a>
                <a class="a2a_dd addtoany_share_save" href="https://www.addtoany.com/share"></a>
            </div>
        </div>
    </div>
    <!-- .entry-content -->

It should be this instead:

<div class="addtoany_share_save_container addtoany_content_bottom">
            <div class="a2a_kit a2a_kit_size_32 addtoany_list a2a_target" id="wpa2a_6">
                <a class="a2a_button_facebook_like addtoany_special_service" data-href="https://www.lazygastronome.com/whats-for-dinner-sunday-link-up-32/"></a>
                <a class="a2a_button_twitter_tweet addtoany_special_service" data-url="https://www.lazygastronome.com/whats-for-dinner-sunday-link-up-32/" data-text="What’s For Dinner?  Sunday link up #32"></a>
                <a class="a2a_button_pinterest_pin addtoany_special_service" data-pin-config="none" data-url="https://www.lazygastronome.com/whats-for-dinner-sunday-link-up-32/"></a>
                <a class="a2a_button_google_plus_share addtoany_special_service" data-annotation="none" data-href="https://www.lazygastronome.com/whats-for-dinner-sunday-link-up-32/"></a>
                <a class="a2a_button_yummly" href="https://www.addtoany.com/add_to/yummly?linkurl=http%3A%2F%2Fwww.lazygastronome.com%2Fwhats-for-dinner-sunday-link-up-32%2F&linkname=What%E2%80%99s%20For%20Dinner%3F%20%20Sunday%20link%20up%20%2332" title="Yummly" rel="nofollow" target="_blank"></a>
                <a class="a2a_dd addtoany_share_save" href="https://www.addtoany.com/share"></a>
            </div>
        </div>
    </div>
</div>
    <!-- .entry-content -->

How did you find it so if it happens again I know how to look.

Andrew – you are a life saver!! Thank you!!

I can’t find that code in that post. Is it top, bottom or middle?

It’s at the bottom, but you probably won’t see this bit:

</div>
    <!-- .entry-content -->

So I just recommend you add an extra </div> right at the bottom and see what happens. It might not fix the issue

I’m sorry. I feel like a total idiot – I cannot find that code anywhere.

I’m looking for the .entry-content but I don’t see anything like that.

Hmm maybe try just removing that post from the Homepage somehow, maybe withdrawing that post somehow?