Archived topic
Can I duplicate the fixed sidebar without plugin?
1 reply · Started by Jiren on April 24, 2022
Hey,
The provided site isnt mine. I like the sidebar with the name "best vpn deals". What is the best solution to immitate that. Design wise + that it is on every page?
Edit: My little solution so far is to add this to additional CSS:
@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: 70px; /*Adjust position */
}
}
Hi Jiren,
Design-wise, you can create a Block Element hooked to either after_right_sidebar_content or after_left_sidebar_content, and then create a similar look through using GenerateBlocks.
Reference to Block Elements: https://docs.generatepress.com/article/block-element-overview/
Reference to GenerateBlocks blocks: https://docs.generateblocks.com/collection/blocks/
Then, you can make it sticky through custom CSS.
Hope this clarifies. Kindly let us know if further assistance with regards to this is needed. :)