Archived topic
Sidebar Last widget sticky
1 reply · Started by Reddy on September 16, 2021
Hi,
I want to make the last widget or the second last widget to make sticky. Website Link
screenshot without below code: https://ibb.co/Jpq5c5R
I found the below code on the support form
------------------------------------------------
@media(min-width: 1024px) {
.site-content {
display: flex;
}
.inside-right-sidebar {
height: 100%;
}
.inside-right-sidebar .widget:last-of-type {
position: sticky;
position: -webkit-sticky;
top: 60px;
}
}
------------------------------------------------
The above code worked but the last two widgets overlapping.
Screenshot with above code: https://ibb.co/f41v6P4
Please suggest.
Thanks
San
Hi San,
Try this CSS instead:
@media(min-width: 1024px) {
.site-content {
display: flex;
}
.inside-right-sidebar {
height: 100%;
}
.inside-right-sidebar >*:last-child {
position: sticky;
position: -webkit-sticky;
top: 60px;
}
}