Advanced Columns

Use advanced columns block to build responsive layouts of all shapes and sizes thanks to a 12-column system. Visually change column size and order.

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 🤯

Demo Image
Was this page helpful?