-
I had to add some code to my website to display a table (internet plans): https://michaelsaves.com/deals/deal-alerts/
After doing so, the right sidebar is now at the bottom of the page.
I contacted the company that provided the code for the table. Their response is below. My problem is I cannot locate this portion to correct the code.
I see HTML for the post, but not the post including the widget.
Can you help me get a solution so my sidebar is on the right and not on the bottom?
Their site has the article wrapped in a container named content-area and their sidebar in a container named widget-area sidebar.On the other pages these are both children to the same parent container site-content.On the page with the widget, they placed the widget in the correct container, but seem to have moved their sidebar outside of the parent container site-content.This is what the structure should look like:
<div class=”site-content”>
<div class=”content-area”></div>
<div class=”widget-area sidebar”></div>
</div>
This is how it is now:
<div class=”site-content”>
<div class=”content-area”></div>
</div>
<div class=”widget-area sidebar”></div>
-
It’s likely caused by HTML errors in your content area.
Can you try removing any code-related sections one at a time to see which one is causing the issue?
-
There are 2 pieces of custom HTML needed to populate the table. Both are required for it to display.
So the more direct question is — how do I edit the whole page HTML or access where it has the information below:
<div class=”site-content”>
<div class=”content-area”></div>
<div class=”widget-area sidebar”></div>
</div>
-
Hello I was able to fix it by moving one piece of code to the footer, not body of article.
-
Glad you got it sorted 🙂
- You must be logged in to reply to this topic.