you are talking about the news sites?
but if there are additonal columns below – what should happen?
have a look to one of your news pages or the blog page itself:
.responsive body#top.blog,
.responsive body#top.wp-singular {
overflow-x: visible !important;
}
.responsive body#top.blog #wrap_all ,
#top.wp-singular #wrap_all{
overflow: visible !important;
}
@media only screen and (min-width: 767px){
.responsive body#top.blog .sidebar_right .container,
#top.wp-singular .sidebar_right .container{
display: flex;
}
.responsive body#top.blog .sidebar ,
#top.wp-singular .sidebar{
position: -webkit-sticky !important;
position: sticky !important;
top: 180px;
align-self: flex-start;
flex: 0 1 30%
}
}
but that does not work with following sections under the sticky container.
this could be a nice usage – but the stickyness only belongs to the direct parent container.
https://webers-testseite.de/sticky-elements/
Some explanations are shown here:
https://webers-testseite.de/sticky-sidebar/
Does not work :-(
i do not see my css code in your page!
have you read my post? i told you that it will not work if there are elements below.
Sticky elements do only hold there place inside the direct parent container. so there must be a column with huge content and the column besides with less height. This could be a sticky element then.
Insert my code above and look to your blog page: https://institutionofelectronics.ac.uk/news/
or more impressive then : https://institutionofelectronics.ac.uk/2025/05/30/designing-power-supplies-for-industrial-functional-safety-part-1/
or did you want something other than a sticky element. e.g. a fixed element, possibly even a draggable element?