Make a sticky column in WordPress

One item in a section stays pinned in view while its neighbors scroll past, like a sticky sidebar beside a long article.

Type

An upgrade to Group and Columns

Find it

Section settings, Sticky column

Phones

Doesn’t pin on phones by default

Speed

Pinning, not animation, so reduced motion changes nothing

What you can change

The settings worth knowing.

Which item pins, how far from the top, and on which screens.

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

I pin on the right

Sticky child

Choose what pins

First, Last, or a middle position from Second to Fifth.

I stop 80px down

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Top offset (px)

Gap from the top

From 0 to 160px while pinned, enough to clear a sticky header.

Pinned on tablet

Item 1

Item 2

Item 3

Item 4

Item 5

Pin on

Which screens

Desktop only, desktop and tablet, or every screen size.

How to add it

Three steps. No new tool.

1

Install Grinner free

It’s on WordPress.org. Or go to Plugins, Add New, and search for Grinner Blocks.

2

Build two columns

Put the short item and the long content side by side, in Columns or a Row.

3

Pin one

Pick the Sticky child, set a top offset and where it pins, then publish.

Good to know

Fair questions.

Sticky column is a Grinner upgrade to Group and Columns. One item in a section stays pinned in view while its neighbors scroll past, like a sticky sidebar beside a long article. Use it to keep a summary, menu or button in sight.

It needs a taller neighbor to scroll past, and no wrapper above it that clips its content.

Not so it stays in view. Wrap it in a Group and pin that. A pinned paragraph sits at one fixed place in its section instead.

A stacked Row never pins, but stacked Columns can, so set Pin on to Desktop only for those.

One per section, among the first six.

Pairs well with

Try it with these.

The number of columns and gaps you want on desktop, tablet and phone.

A header that stays at the top and turns to frosted glass.

Cards pin and pile on top of each other as the page scrolls.

Grinner grinning

Go make something
beautiful.

Free on WordPress.org · No Pro version