Table of Contents
The Advanced Columns block builds responsive layouts on a twelve column grid. Each column takes its own width and its own position in the row, and both can change per device without touching the markup. Columns can stick while the rest of the row scrolls past, and rows and columns take image, video and parallax backgrounds.
3 columns
9 columns
5 columns
7 columns
7 columns
5 columns
9 columns
3 columns
Responsive options
We use settings that look like Bootstrap Grid but are not the same. Bootstrap is mobile-first (from small to large screens), and Ghost Kit is desktop-first (from large to small screens).
Block options
- Pro Full height option
- Pro Visual editor with a better UI experience
- Up to 12 columns in the row
- Row and Column backgrounds (image, video & parallax with AWB plugin)
- Column size
- Column order
- Column Sticky content
- Responsive controls for Desktop, Laptop, Tablet, Mobile
- Vertical alignment
- Horizontal alignment
- Gap
AWB plugin integration
The Advanced Columns block integrates with our Advanced WordPress Backgrounds plugin and allows you to add images, video, and parallax backgrounds right on the Rows and Columns:
Something like this one with solid color on the left column and parallaxed image on the right + both backgrounds stretched 🤯
