Sky Addons  ·  Elementor Widget
INTRODUCING

Scroll Stack

Scroll stack for Elementor: sections stack and pin as the page scrolls, for card decks and step-by-step storytelling.

HALLOWAY & FINCH

Small sites for people who sell things you can point at

Two of us, in one room above a framer in Hebden Bridge. We take on about eight jobs a year and finish all of them.

SESAME & SALT

A neighbourhood kitchen, menu rewritten weekly.

MARGE PRESS

Six titles a year, sold mostly by post.

STUDIO NINE

Portrait sittings, booked three months out.

WHAT WE TAKE ON

Six jobs from the last two years

Most are one designer and one developer for a fortnight. A couple ran longer because the client kept having good ideas.

Larkhill & Vane

Sold boards photographed properly, a map search that behaves on a phone, and a valuation form that asks for your number once.

A pricing page that ends the argument

Three tiers, one comparison table, and a currency switch that remembers what you picked last time.

Charts that survive the printer

The client kept exporting everything to paper for board meetings, so we designed for paper as carefully as for the screen.

Kestrel Classics

Twelve cars at a time, forty photographs each and a full history file. Sold stock stays up and marked sold, because that is what people search for.

One page, one rate card

A single page, a calendar link and nothing else. Built in a fortnight two years ago and it has not needed touching since.

A shop that finally went online

Stock lives in the till system and the site reads from it. Nobody behind the counter types a product in twice.

SESAME & SALT

A menu that changes every Monday

The kitchen photographs each dish once and we never retouch them. The site is mostly one long page, because that is how people read a menu.
MARGE PRESS

Six titles a year, sold by post

Covers do the work here, so they are the only thing on screen at a time. Orders go straight to the packing bench in the back room.
STUDIO NINE

Sittings, booked three months out

One photographer, one room, one light. Half a day, thirty frames, and you choose six. Prints extra, and worth it.

HOW IT GOES

Three weeks, and you see it every day

No monthly retainer and no discovery phase. We start on the Monday and you can watch it being built.
WEEK ONE

Words before pictures

We write the pages out flat, in a document, and argue about them. Nothing is designed until the sentences are right.

WEEK TWO

Built in the browser

No flat mockups. It goes together on a staging URL you can open on your own phone, on your own train.

AFTER LAUNCH

A fortnight of small fixes

Included. Everything you notice in the first two weeks gets changed without an invoice, because you always notice things.

GET IN TOUCH

Start something

Send a paragraph about what you sell and who buys it. If it is not for us we will say so within a day and suggest somebody better.

A SMALL SITE

From £4,200

Up to eight pages, written with you, built in three weeks.

A SHOP

From £7,500

Stock from your till system, so nobody types a product in twice.

A DAY OF FIXES

£600

For sites we did not build. One day, a list, as much as we can get through.

FAQ
Frequently asked

Scroll Stack

Straight answers about what this one does, where it fits in a real build, and what it costs you to ship.

Still stuck?

Read the documentation for this one, or write to us — a human answers inside a business day.

Where do I switch Scroll Stack on in Elementor?

On the Layout tab of the parent container — the one holding the cards, not the cards themselves. Sky Addons for Elementor adds the section there rather than as a widget, so a stack of child containers you already built becomes a pinned deck without any of them being rebuilt.

Do I have to give each card an ID?

No. The default mode reads the direct child containers of the container you switched it on, so a section already holding five cards needs no IDs at all. A Custom Selector mode covers the cases where the cards are not direct children, taking CSS selectors scoped inside that container.

Why does nothing happen in the Elementor editor?

By design — Scroll Stack runs on the front end only, and the panel says so. Pinning cards inside the edit canvas would make the section impossible to work on, so the editor shows them in normal flow and you check the stacking on the previewed or published page.

Do I need Elementor Pro for stacking scroll cards?

No. Scroll Stack is a Sky Addons Pro module built on GSAP and ScrollTrigger, both bundled with the plugin, and it runs on free Elementor containers. No second animation plugin and no custom code are involved, and those libraries load only on pages where a container actually uses the effect.

How do I stop the cards sliding under my sticky header?

Set Top Offset to the header height. It is the distance from the top of the viewport where each card pins, adjustable from 0 to 300 pixels. The matching Z-Index control decides whether the deck sits above or below other elements — keep it under the header own stacking value.

Can the cards shrink or fade as they get covered?

All three, independently. Scale is on by default and shrinks deeper cards to a Scale Ratio of 90 percent. Fade is off by default and takes a covered card to 50 percent opacity when enabled. Rotation is off and adds an alternating tilt of up to 20 degrees for a hand-dealt deck look.

How much of each card stays visible under the top one?

That is Stacking Offset, a vertical gap from 0 to 120 pixels defaulting to 12. It leaves each stacked card peeking out below the one in front, so the deck reads as a stack rather than as a single card that keeps changing its contents.

Does it work on phones?

Disable on Mobile is on by default, with a matching tablet switch that is off. Pinned card decks need vertical room to be legible, so on a phone the cards fall back to normal stacked flow and the section simply scrolls — nothing is hidden and nothing is lost.

How is Scroll Stack different from a sticky element?

A sticky element pins one thing while the page scrolls past it. Scroll Stack pins a run of sibling cards in sequence, each landing on top of the last with optional scale, fade and rotation. Sky Addons ships both, and the Sticky extension is the right one for a single pinned panel.

My cards will not pin. What did I miss?

Check that the cards really are direct children of the container carrying the setting, because the automatic mode looks exactly one level down. A card nested inside a wrapper container is skipped — either flatten that level, or name the cards through the Custom Selector field instead.