Archived topic
sticky navigation is overlapping the sticky sidebar widget after scrolling
1 reply · Started by moy on October 29, 2020
I have sticky sidebar widget for showing banner ads. But partly area of sidebar widget is hiding behind sticky navigation after scrolling.
so is it possible to place the sticky sidebar widget just below the sticky navigation during scrolling the page?
here is the screenshot -
https://drive.google.com/file/d/1vDf0xOg12kR9puuEGjQ1ZugbUYsI38EJ/view?usp=sharing
Hi there,
there should be a setting in your sticky plugin that adjusts the Top offset. Which would be the best way to fix the overlap problem.
Or you could try this CSS, but i am not sure how well this will work:
@media(min-width: 769px) {
#page .site-content .is-right-sidebar {
transform: translate3d(0,0,0);
transition: translate3d 0.3s ease-in ;
}
#sticky-placeholder + #page .site-content .is-right-sidebar {
transform: translate3d(0,70px,0);
}
}