How to Fix the Sidebar Below Content Error in WordPress

How to Fix the Sidebar Below Content Error in WordPress

In this tutorials you will learn how to fix the sidebar below content error in your WordPress site. If you are seeing sidebar below content then it is because of HTML or CSS error in your themes. This error occurs when unclosed div element (</div>) or extra div element exist in the page or post.

Fix the Sidebar Below Content Error.

One of the first steps to fix the sidebar below content error is deactivating recently installed plugin or theme. If this error occurs after installing plugin or theme then certainly the plugin or theme might have broken and cause your sidebar to move below the content.

  • Step-1: Deactivate Plugins or Themes (If Recently Installed).
  • Step-2: Remove </div> Tag From the Post or Page.

Step-1: Deactivate Plugins or Themes if Recently Installed.

If you have encounter this error after installing plugin or theme then deactivating or removing it will fix the issue. Some poorly coded plugin or theme often break your site. Once deactivated reload your website, if error still exists then follow the second step.

Step-2: Remove </div> Tag From the Post or Page.

When your post or page contains unclosed or extra div tag you will see sidebar below contain. You can remove the div tag from the affected post or page simply editing the post or page in Text mode. You can also see the error in your website using W3C Markup Validation Service . Type your affected post or page URL in the box and click on check button.

Fix the Sidebar Below Content Error

You will see list of error in specific post or page where you will find div tag error in your post or page which is causing your sidebar to move below the content.

You can follow the instruction below to remove extra tag from specific post or page. The example image below shows the sidebar below the content in one of the post.

Fix the Sidebar Below Content Error

From the WordPress dashboard click on posts or pages then All Posts or Pages.

posts

From the list of the posts and pages edit the affected post or page.

Click on Text tab at the top-right and find </div> tag then remove it. Update the post then reload the affected post or page you will see your sidebar in its usual place.  

Fix the Sidebar Below Content Error

We hope this guide on how to fix the sidebar below content is helpful. Do comment below and share your thought with us.

You may also like...