Archived topic
Sticky sidebar conflict with Elementor
3 replies · Started by Sabbir on November 6, 2021
Hi,
I'm using the CSS below for the floating sidebar but it's a conflicting Elementor page builder.
(https://abtesters.com/new-home/)
The Page has no sidebar but It makes space in right.
@media (min-width: 769px) {
.site-content {
display: flex;
}
.inside-right-sidebar {
height: 100%;
}
.inside-right-sidebar aside:last-child {
position: -webkit-sticky;
position: sticky;
top: 80px;
/* Adjust to suit position */
}
}
Hi there,
edit that page in the WP Editor and set the Sidebar to Content / No Sidebar:
https://docs.generatepress.com/article/layout-metabox-overview/
Then change this CSS:
.site-content {
display: flex;
}
to:
.right-sidebar .site-content {
display: flex;
}
wow, It’s working nicely
Glad to hear that!