How to Create a Sticky Sidebar Widget in GeneratePress Theme


GeneratePress Theme is designed for Multipurpose works, here I mean to say that you can do this Theme for different category of website.

The best thing about this theme is that if you do not have money in the beginning, then you can also use its free version, and when your budget is made then you can purchase this theme.

Read More: How to add social share buttons in Generatepress Theme without plugin

In this tutorial, we are going to Create a Sticky Sidebar Widget in GeneratePress Theme  without the plugin.

Sidebars are one of the most important parts of any website, especially the blog section of a website. They can get so engaging with your audience, that they can drastically decrease your bounce rate and increase click-through rates on the most important sections of your site.

Create Sticky Sidebar In GeneratePress Theme 

In the following section of this article we will look at how to make a sticky sidebar in GeneratePress theme without a plugin. 

Let’s make the last widget sticky using CSS code in GeneratePress Theme. Note that the code is for the blog with the right sidebar. 

  • Go to Appearance > Customize > Additional CSS.
  • Copy and Paste the CSS code.
  • Adjust the value in top CSS property if required.
  • Hit Publish Button.
@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 */

This guide will help you in adding a sticky sidebar in GeneratePress theme. Thank you for taking the time to read the entire article.

Hi, I am Roton Kumar Roy a part-time Blogger,Youtuber and founder of Here, I post about blogging to help people make money online.

Leave a Comment