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Ā Appearance >Ā Widgets.
  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

šŸ“¢ FTC Affiliate Disclosure: This post may contain affiliate links. It means we may receive a commission for purchases made through these links at no extra cost to you āž© Continue Reading

Related Posts

Leave a Comment

1.3K views
Copy link
Powered by Social Snap