How to Make a Sticky Sidebar Column in GeoDirectory (Blockstrap)

Intro

When I was customizing my GeoDirectory search results page, I wanted the right-hand sidebar (with filters) to stay fixed while scrolling — basically a sticky column.

It’s not obvious how to do this in the Blockstrap editor, but GeoDirectory support showed me the trick.


Problem

By default, columns just scroll away with the page. I needed the search filters column to remain visible while the listing results scrolled.


Solution

Here’s the simple way to make a column sticky:

  1. In the Blockstrap editor, wrap the sidebar column inside a new BS > Container (col).
    1. Example: Right column → wrap it in its own parent container.
  2. Select that new parent container.
  3. In the Block settings (right panel):
    1. Set Position → sticky-top.
    2. Adjust Sticky offset (in pixels) to control how far from the top it “sticks” when scrolling.

This keeps the sidebar fixed in place while the main content scrolls.


Extra Notes

  • In my case, the “old column” was the one containing the GD > Search template part and the GD > Locations widget.
  • The offset is useful if you have a fixed header (so the sticky column doesn’t overlap it).

Conclusion

That’s it! Just wrap your sidebar column, set it to sticky-top, and you’ve got yourself a sticky filter column in GeoDirectory.

Subscribe to Michael Shoe

Sign up now to get access to the library of members-only issues.
Jamie Larson
Subscribe