How To Create Sidebar Widget Sticky in GeneratePress Theme? 🔎 With & Without Plugin

This is my exclusive tutorial on how to create a sticky sidebar widget in GeneratePress theme.

In this tutorial, I will show you, how to make your GeneratePress sidebar last widget sticky:

  • With WordPress plugin
  • Without WordPress plugin

Before I dive in the guide, let me tell you, I am using GeneratePress on GPressTheme and primarily recommend this theme here.

If you want to know more about this theme, kindly take a look at my honest review. Or, check out the list ultimate GeneratePress tutorials here.

Let’s start the tutorial.

How To Create A Sticky Sidebar Widget in GeneratePress Theme?

generatepress sticky sidebar widget

In this tutorial are going to use two methods to make Sidebar widget sticky in GeneratePress Theme.

  1. Creating last widget sticky using a plugin
  2. Creating last widget sticky without plugin (recommended)

Let’s make your sidebar last widget sticky with the #1 method.

Create Last Widget Sticky in GeneratePress Using Plugin

q2w3 fixed widget

If you are not familiar with coding, the Fixed Widget plugin is a popular and widely used technique to make your sidebar sticky.

First, you need to install the Q2W3 Fixed Widget plugin. Either you can download directly from here, by following the steps below:

q2w3 fixed widget plugin
  1. Go to Plugins.
  2. Click on the Add New button.
  3. Search Q2W3 Fixed Widget Plugin.
  4. Install and Activate it.

That’s it.

Now, the plugin is installed on your website. Next, you need to make your sidebar widget sticky by following the steps below:

generatepress q2w3 fixed widget
  1. Click on the AppearanceWidgets.
  2. Go to the Right Sidebar.
  3. Choose the last widget, and you will see Fixed Widget Option.
  4. Check the Fixed Widget Option to create sticky sidebar (as shown in the above screenshot).
  5. Click on the Save button to save settings.

📢 Note: You can adjust widget settings as per your need by visiting Appearance > Fixed Widget Options.

Create GeneratePress Sticky Sidebar [Last Widget] Without Plugin

This is my most favourite method to create a sticky widget in any WordPress theme. And I recommend for GeneratePress theme too.

You can easily create your last widget sticky in GeneratePress sidebar with the below CSS code.

/* GeneratePress Sticky Sidebar */

@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: 40px; /*Adjust position */
  }
}

First of all, copy the above CSS code and follow the guide step by step below:

generatepress sticky sidebar code
  1. Go to Appearance > Customize > Additional CSS.
  2. Paste the CSS Code.
  3. Hit the Publish Button.

If you have installed simple CSS plugin, paste the code there.

📢 Note: This code is for the right sidebar. You can adjust it if you are using the left sidebar on your blog or website.

Over To You

So, this is how you can create a sticky widget in GeneratePress theme.

In the last, I would like to know your most favourites method for making sidebar widget sticky.

Is it using the plugin, or without a plugin?

Kindly let me know your thoughts in the comments below.

generatepress sticky sidebar

Related Posts

📢 FTC Disclosure: GPressTheme is reader-supported. When you buy through links on our site, we may earn an affiliate commission at no extra cost to you ➩ Continue Reading

Leave a Comment

1.4K views
Copy link
Powered by Social Snap