bricks_auto_responsive

Automatically analyzes the element structure of a page (or a specific section) and applies sensible responsive overrides based on the chosen strategy. This tool scans for multi-column grids, large font sizes, excessive padding, horizontal flex layouts, and fixed widths, then applies appropriate breakpoint overrides to make the page work well on tablets and mobile devices.

This is the « one-click » responsive solution for Phase 5 polish. It handles the most common responsive patterns automatically, saving significant time compared to manually setting breakpoint overrides on every element with bricks_set_responsive_settings.

Key Features

Apply conservative responsive rules to entire page

Run auto-responsive on the whole page during Phase 5 polish to ensure grids collapse, text scales, and padding reduces on mobile devices.

// Apply to entire page
bricks_auto_responsive({
  page_id: 42,
  strategy: "conservative"
})
// Returns: { success: true, changes: [...], summary: {
//   elements_modified: 12,
//   overrides_applied: 28,
//   by_breakpoint: { tablet_portrait: 10, mobile_portrait: 18 }
// } }

Target a specific section with aggressive strategy

Apply aggressive responsive adjustments to a complex hero section that has many decorative elements and large font sizes.

bricks_auto_responsive({
  page_id: 42,
  section_id: "hero01",
  strategy: "aggressive"
})

Common Mistakes

Return Values

Changelog