Page layouts

Eleven preset pages. Navigation and content width are two independent axes — the combo pages preset both at once. Open any card to preview that combination live; it is saved and applied across the whole UI.

Vertical Sidebar on the left, toolbar on top, full-width content. Horizontal Navigation lives in the top bar; no left sidebar. Mini Sidebar Icon rail on the left plus navigation in the top bar. Vertical + Boxed Sidebar frame in a boxed page on Bootstrap's container grid (540px @sm, 720px @md, 960px @lg, 1140px @xl, 1320px @xxl). Vertical + Contained Sidebar frame with content column capped at 1200px. Horizontal + Boxed Top-bar navigation in a boxed page on Bootstrap's container grid (540px @sm, 720px @md, 960px @lg, 1140px @xl, 1320px @xxl). Horizontal + Contained Top-bar navigation with content column capped at 1200px. Mini Sidebar + Boxed Icon rail in a boxed page on Bootstrap's container grid (540px @sm, 720px @md, 960px @lg, 1140px @xl, 1320px @xxl). Mini Sidebar + Contained Icon rail with content column capped at 1200px. Condensed Vertical frame with compact toolbar and tighter spacing. Comfy Vertical frame with a roomy toolbar and relaxed spacing.

Your selection is saved to grid_admin_layout_mode (navigation) and grid_admin_width_mode (content width) and applied to every page of the UI. Each card opens a page preset to that combination; the Navigation and Content width controls in the theme customizer switch either axis from anywhere, and the Layout menu in the sidebar jumps between presets. Horizontal and mini-sidebar frames need the stylesheet in ../assets/css/layout-modes.css, which is loaded by all pages.