Archived topic
Sticky Sidebars (sticky at the bottom end)
1 reply · Started by Tobias on September 27, 2021
Hello
I refer to the discussion here regarding sticky sidebars.
https://generatepress.com/forums/topic/sticky-sidebars/page/2/
I want to use a sticky sidebar. It should be sticky at the bottom of the last widget.
I have created a test page and have a very large widget in the sidebar here.
https://www.tradenundinvestieren.ch/optionen/moneyness/
I used the CSS code from the other post for the sticky sidebar. Depending on the screen size, the last widget with the table of contents is bigger than the screen and it is not possible to see the bottom of the widget.
Is there any way to do this?
Best Regards
Tobi
Hi Tobias,
You can try reduce the top value of this CSS, even use a negative value:
.inside-right-sidebar .widget:last-child, .inside-left-sidebar .widget:last-child {
position: -webkit-sticky;
position: sticky;
top: 60px;
}
But I don't think there's a way to show all the content of the last widget when it's sticky, it's just too long for the screen even on my laptop.