It seems that the post have an issue with "Hide Next/Prev Post Navigation". There seems to be a fine border that come with this option on the bottom but can't be removed. In case the navigation is the bottom element on the page the line is obsolete.
It also seems that this is a problem with the length adjustment relatively to the sidebars. The post seems to be a little to short compared to where the sidebars end.
Please have a look at the attached screenshot.
How to remove the bar and set the adjustment right?
As you can see in the screenshot, extending below the the navigation is not solving the issue that the base line of the post and sidebar is not equal.
The situation here is, that the sidebar is longer than post. While moving the post content up together with the sidebar at a certain point the sidebar ends scrolling up as it is shorter than the post content. All good so far. When the end of the post is reached and moving the page further up the sidebar catches up at the bottom line with the content and both scroll up. Unfortunately not at the same hight.
Tweaking the bottom of the nav bar didn't solve the issue as the sidebar simply gets longer as well.
Regards, Alexander
BTW: The other way around has the same problem: post longer than the sidebar: I created a sidebar longer than the content on the page to illustrate the issue.
Do you mean equal height of the main content & sidebar content? Unfortunately, the current version of PenNews doesn't support this feature and there is no way to do that.
Both pages have the same widgets and the same content.
but when scrolling them up and down the design on the "One Sidebar" design will have a gap (see screenshot_28) at the sidebar to the content and when srolling design "Two Sidebars" up both sidebards end up in line with the middle (see screenshot_27).
The previous CSS suggestions are not solving this issue.
Hello,
It seems that the post have an issue with "Hide Next/Prev Post Navigation". There seems to be a fine border that come with this option on the bottom but can't be removed. In case the navigation is the bottom element on the page the line is obsolete.
It also seems that this is a problem with the length adjustment relatively to the sidebars. The post seems to be a little to short compared to where the sidebars end.
Please have a look at the attached screenshot.
How to remove the bar and set the adjustment right?
Regards,
Alexander
Hi,
Please go to Appearance → Customize → Additional CSS then add the following custom CSS code:
.penci-post-pagination {border-bottom: 0;
padding-bottom: 0;
}
Regards,
PenciDesign.
Hello,
This helped to remove the fine border at to bottom of the post.
Still there is a difference in length remaining?
Regards,
Alexander
Hi,
Please go to Appearance → Customize → Additional CSS then add the following custom CSS code:
Change 80px to the min-height you want to display.
Regards,
PenciDesign.
Hello,
That's not exactly what I'm talking about.
As you can see in the screenshot, extending below the the navigation is not solving the issue that the base line of the post and sidebar is not equal.
The situation here is, that the sidebar is longer than post. While moving the post content up together with the sidebar at a certain point the sidebar ends scrolling up as it is shorter than the post content. All good so far. When the end of the post is reached and moving the page further up the sidebar catches up at the bottom line with the content and both scroll up. Unfortunately not at the same hight.
Tweaking the bottom of the nav bar didn't solve the issue as the sidebar simply gets longer as well.
Regards,
Alexander
BTW: The other way around has the same problem: post longer than the sidebar: I created a sidebar longer than the content on the page to illustrate the issue.
https://www.mouseclick.com/2018/05/15/das-haus-am-strand-abschied/
The min-height is set to 150px to demonstrate better that this is not the issue, as the gap is still the same (around 10px).
Hi,
Do you mean equal height of the main content & sidebar content? Unfortunately, the current version of PenNews doesn't support this feature and there is no way to do that.
Regards,
PenciDesign.
Hello,
It's an issue with the design. The "Two Sidebar" design works:
https://www.mouseclick.com/2018/05/15/das-haus-am-strand-abschied/
whereas the "One Sidebar" design doesn't:
https://www.mouseclick.com/2022/02/23/suedafrika-das-haus-am-strand-verkauft/
Both pages have the same widgets and the same content.
but when scrolling them up and down the design on the "One Sidebar" design will have a gap (see screenshot_28) at the sidebar to the content and when srolling design "Two Sidebars" up both sidebards end up in line with the middle (see screenshot_27).
The previous CSS suggestions are not solving this issue.
I hope to demonstrate the issue quite better now.
Regards,
Alexander
Hi,
I've fixed this issue by adding some CSS code to Appearance → Customize → Additional CSS.
Please check.
Regards,
PenciDesign.
Hello,
This helps, but ONLY in cases when the content is longer than the sidebar.
For posts were sidebar is longer than the content the problem is still the same:
Example: https://www.mouseclick.com/2013/08/16/ein-fast-perfekter-plan/
Regards,
Alexander
Hi,
About this design issue, we'll improve it in the future theme update.
Regards,
PenciDesign.
Hello,
Thanks for the effort!
Regards,
Alexander