---
title: "How To Create a Sticky Column in WordPress?"
url: https://nexterwp.com/docs/add-sticky-column-in-wordpress/
date: 2024-03-01
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to make a column sticky in WordPress? A sticky column is a fixed element that stays in a specific position on a webpage, even when the user..."
image: https://nexterwp.com/wp-content/uploads/2024/05/sticky-column-settings-overview-1024x519.jpg
word_count: 283
---

# How To Create a Sticky Column in WordPress?

## Key Takeaways

- Nexter Blocks allows users to make any column of a multi-column section sticky without additional activation steps.
- Users can enable or disable the sticky column feature individually for desktop, tablet, and mobile devices using the Sticky Desktop, Sticky Tablet, and Sticky Mobile sections.
- To achieve the sticky column effect, users must ensure that the content in the other column is longer than the screen height.

Do you want to make a column sticky in WordPress? A sticky column is a fixed element that stays in a specific position on a webpage, even when the user scrolls. This allows for important information or content to remain visible and easily accessible at all times. 

With the Sticky Column option from the Nexter Blocks, you can easily make a column sticky in WordPress.

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/extras/wordpress-sticky-column/)

## Required Setup

- Make sure the default WordPress Block editor is active. 

- You need to have the [Nexter Blocks](http://wordpress.org/plugins/the-plus-addons-for-block-editor/) plugin installed and activated.

## How to Activate the Sticky Column Option?

There are no additional activation steps to enable the Sticky Column option. Whenever you use the container block with multiple columns from the Nexter Blocks, you’ll get the Sticky Column option.

## Key Features

- **Make any column sticky** - You can easily make any column of a multi column section sticky.

## How to Make a Column Sticky in WordPress?

Add the Container block from the Nexter Blocks with multiple columns. Select one inner container - 

1. Go to **Layout** tab > **Extra Options**. 

2. Turn on the **Sticky Column** toggle.

![](https://nexterwp.com/wp-content/uploads/2024/03/sticky-column-inner-container-extra-options.png)

In the **Top Spacing** field, you can set the space from the top where the column will stick.

In the **Bottom Spacing** field, you can set the space from the bottom where the column will stick.

Then you can enable or disable the sticky column for desktop, tablet, and mobile individually from **Sticky Desktop**, **Sticky Tablet,** and **Sticky Mobile** sections respectively.

3. Once the settings are done, on the other column make sure to add content longer than the screen height to make the sticky column effect work. 

Now you should have a beautiful sticky column effect.

![Sticky column demo](https://nexterwp.com/wp-content/uploads/2024/03/sticky-column-demo-1.gif)

## Frequently Asked Questions

**Q: What should I do if the Sticky Column option isn't appearing?**
A: If the Sticky Column option isn't showing, ensure that you have the Nexter Blocks plugin installed and activated. The Sticky Column feature is automatically available when using the container block with multiple columns. If you're using the default WordPress Block editor and still don't see it, double-check your plugin settings and ensure everything is up to date.

**Q: What are the best spacing settings for a sticky column?**
A: When setting up a sticky column, use the Top Spacing and Bottom Spacing fields to control how close the sticky column is to the top and bottom of the viewport. Adjust these settings based on your design needs and the content layout. Proper spacing ensures that the sticky column doesn't overlap with other elements, maintaining a clean look.
