Sidebar Content Bumped to Bottom of Page After Update

[GDGerlach344]

After I updated to WordPress 5.5 and Xtreme 4.3.8 all of the content in the right side bar of the home page has been moved down below the comments. The right side bar is there but it’s empty. The right side bar content is appearing properly on all other pages.

https://judygerlach.com/

[scrambler]

How is you page content created?

Because there is an extra closing div in that content that breaks the page HTML.

If you have used HTML in the page, have a look and remove the closing div.

Below is the HTML I see, the offending closing div (in yellow highlight) is at the end after the text (highlight in blue)

 <link itemprop="mainEntityOfPage" href="https://judygerlach.com/" />
<div id="attachment_1344" style="width: 310px" class="wp-caption aligncenter">
<a href="https://judygerlach.com/wp-content/uploads/Judy-Gerlach-BG.jpg">
<img aria-describedby="caption-attachment-1344" loading="lazy" class="wp-image-1344 size-medium" src="https://judygerlach.com/wp-content/uploads/Judy-Gerlach-BG-300x300.jpg" alt="Judy Gerlach" width="300" height="300" srcset="https://judygerlach.com/wp-content/uploads/Judy-Gerlach-BG-300x300.jpg 300w, https://judygerlach.com/wp-content/uploads/Judy-Gerlach-BG-150x150.jpg 150w, https://judygerlach.com/wp-content/uploads/Judy-Gerlach-BG.jpg 504w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<p id="caption-attachment-1344" class="wp-caption-text">Judy Gerlach</p>
</div>
<p><span style="font-size: 16px;">Let the Cheapside Trilogy transport you to 19th century Kentucky, Ohio and New York. Witness the atrocities of slavery and the fight to end it. Experience the challenges of romance through the eyes of those who faced danger and injustice during these turbulent times.</span></p>
</div>

 

[GDGerlach344]

That fixed it but I can’t figure out how that closing div tag got there. I went back through the revision history and couldn’t find any revision in the last few months where that tag was inserted.

[Weaver]

I’ve found that sometimes I’ll notice somethings that’s actually been broken for a long time after I check things out after doing a version update. That extra div has probably been there a while and you just noticed the sidebar issue.

[scrambler]

The problem with HTML errors is that their effect is inconsistent and unpredictable.

Browsers have some built in features that try to fix them, so the error could have been there a long time and not cause that specific issue, but a small change in the page structure or the browser could have triggered the undesirable effect.

Whenever you add HTML in your content, always run it through a Validator 🙂

[Author]

Posts