Archived topic
Sidebar on Home is not below header
41 replies · Started by Peter on January 6, 2021
Two questions:
One - I'm using GeneratePress Premium & GenerateBlocks. I enabled the right sidebar widget on my site and it falls below the header on all the pages except the home page.
You can see it here https://exitpln.com/. How do I get it do fall under the full width?
Two - I want to be able to increase the space between the header and the top of the sidebar contents (Recent Posts). I can do this by adding top spacing in Customize -> Sidebars -> Widget Padding, but this also spaces all the items further apart. How do I add space at the top without increasing the spacing between the items.
Please let me know if you need login, happy to provide it.
Thanks!
Peter
Hi there,
One – I’m using GeneratePress Premium & GenerateBlocks. I enabled the right sidebar widget on my site and it falls below the header on all the pages except the home page.
You can see it here https://exitpln.com/. How do I get it do fall under the full width?
That's a strange one. Can you try another page to the home page and see if the issue is fixed?
If so then I believe there is an HTML error in your home page content. Maybe a <div> without a closing </div>? You will need to go through the HTML and try to determine the issue or try using a service like this:
https://validator.w3.org/
Can you open a new topic for the new question so we can tackle one question per topic?
Thanks :)
Hi Leo,
Umm, not sure what you mean "another page to the home page"? The issue only occurs on the home page, not on any other pages or posts - is that what you mean? You can see other pages at for example https://exitpln.com/about/
And I ran the validator but don't know how to make sense of the output - in particular, I don't see a way of matching the
pairings.
I'm not sure how to share it but I can send you a .pdf of the report?
And just so I'm clear - by the new question, you mean my question two above?
Thanks!
Peter
Hi Leo,
One more update - I did a search on the html output by validator, and found 181 instances of "div" - 90 in '<div', 90 in '</div' and one by itself, in row 156 of rows 150-160:
@media (max-width:900px) {↩
.inside-footer-widgets {↩
flex-direction: column;↩
text-align: center;↩
}↩
↩
.inside-footer-widgets > div {↩
padding: 20px;↩
}↩
}↩
↩
Not sure if that helps, but it seems to indicate that at least there are equal numbers of '<div' and '</div'?
Peter
...of "
"?
Umm, not sure what you mean “another page to the home page”?
If you go to the WordPres readings settings:
https://wordpress.org/support/article/settings-reading-screen/
And assign another page to the front page. Is the issue fixed?
And just so I’m clear – by the new question, you mean my question two above?
Yes please.
Assigning another page to the front page has the same problem.
As for question 2, I started to post a new post, found some links and hacked this fix - which works as long as the first item in the right sidebar is recent_entries. I can live with that for now, unless you see an issue with it.
.widget_recent_entries {
margin-top: 150px;
}
Assigning another page to the front page has the same problem.
That's strange.
Can you disable all plugins except GP Premium and also disable all custom CSS and any custom functions?
I can. One question first, the home page header is built with an element based on Mike Oliver's explanation of using GenerateBlocks to build a home page header that merges the hero and the blocks and the menu. I'm guessing there is something about this that prevents it from spanning the whole page?
I’m guessing there is something about this that prevents it from spanning the whole page?
I don't believe that's the issue.
Let's try my debugging tests above first.
Done. have look at the page, I don't know how to interpret all that. there's no header or image on the home page now
Can you disable GP Premium for now as well?
Thanks :)
done
Ok so now everything looks normal so that's good news.
Now activate GP Premium again but disable the element module first:
https://docs.generatepress.com/article/installing-gp-premium/#activate-your-modules
This is really irritating. The navigation doesnt look anything like the helpfile in the link.
You have to activate gp premium in order to control the components, and all of them are activated when I do that. I can only deactivate elements in gp premium after i activate the gp premium plugin itself. It is not possible to deactivate elements before activating GP premium.
What about the the "disable elements" piece of gp premium? leave it activated or deactivate it?