Site logo

Archived topic

Can I duplicate the fixed sidebar without plugin?

1 reply · Started by Jiren on April 24, 2022

Viewing posts 1–2 of 2

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. :)

This archived topic is closed to new replies.