Skip to content

How to Create Category Grid in Elementor?

Table Of Content

A grid is the most common way to showcase categories – even rows and columns that readers can scan quickly.

The Dynamic Categories widget’s Grid layout is its default, and lays out terms in a responsive column grid.

Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Prerequisite: Elementor (free) installed and active.
  • Edition: Dynamic Categories is a free widget – it works with just The Plus Addons for Elementor installed, no Pro licence required.
  • Widget to enable: go to The Plus Addons > Widgets, search for Dynamic Categories and turn its toggle on.

Steps

  1. Add the Dynamic Categories widget to the page.
  2. From Layout, leave (or set) it to Grid – the default.
  3. Choose which Taxonomies to list, if not the default Category.
Layout set to grid

Column Counts

Under Columns Manage, set independent column counts for Desktop (default 3), Tablet (default 4) and Mobile (default 6), plus a Columns Gap for the space between grid items.

Desktop/tablet/mobile column count controls

Settings Overview

SettingWhat it doesDefault
LayoutGrid arrangement (this doc’s focus).Grid
Desktop ColumnColumns shown on desktop.3
Tablet ColumnColumns shown on tablet.4
Mobile ColumnColumns shown on mobile.6

Related Docs

Related Frequently Asked Questions

Related Docs