Archived topic
Hi! How to make the sticky sidebar only on post, but not pages/archive pages?
1 reply · Started by vincenteccl on April 11, 2023
Viewing posts 1–2 of 2
Hi! I have used this CSS to make the last sidebar (table of content) to be sticky:
@media (min-width: 769px) {
#content {
display: flex;
}
.inside-right-sidebar {
min-height: 100%;
}
.inside-right-sidebar>*:last-child {
position: sticky;
top: 30px;
}
}
But it makes sidebars on the archive page sticky too.
I only want the CSS to apply to posts, but not pages.
How to do it?
Thanks.
Hi there,
Change your CSS to:
@media (min-width: 769px) {
.single-post #content {
display: flex;
}
.single-post .inside-right-sidebar {
min-height: 100%;
}
.single-post .inside-right-sidebar>*:last-child {
position: sticky;
top: 30px;
}
}
This archived topic is closed to new replies.
