• Resolved HelenFern

    (@helenfern)


    I noticed yesterday that most of my sidebar (not all) has dropped way down to the bottom of the page. I’m not sure when it started, so I can’t identify if one of the posts is the issue. I’ve read some early posts (4-9 years old) and tried their fixes to no avail.

    Can anyone help here??

    Thanks.

    here is the site if that helps.

    https://www.lazygastronome.com

Viewing 15 replies - 1 through 15 (of 19 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter HelenFern

    (@helenfern)

    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!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter HelenFern

    (@helenfern)

    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. ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter HelenFern

    (@helenfern)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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”.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter HelenFern

    (@helenfern)

    Ok – off to look at all that!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter HelenFern

    (@helenfern)

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

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

    Thread Starter HelenFern

    (@helenfern)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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

    Thread Starter HelenFern

    (@helenfern)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘sidebar moved to bottom of page’ is closed to new replies.