Skip to content
Nuartz

Layout

Updated 2026-09-101 min read

Customize the page layout and component arrangement.

On this page

nuartz pages are composed of several sections that you can customize by rearranging or swapping components.

Page sections

A typical nuartz page includes:

  • Header -- site title, navigation, search, and dark mode toggle
  • Left sidebar -- explorer, breadcrumbs
  • Content area -- the main page body with rendered Markdown
  • Right sidebar -- table of contents, graph view, backlinks

Responsive behavior

nuartz adapts its layout based on screen width:

  • Desktop (> 1200px): full three-column layout with both sidebars
  • Tablet (800px--1200px): content with collapsible sidebars
  • Mobile (< 800px): single-column, stacked layout

Customization

Layout configuration is handled through your site's layout settings. You can control which components appear in each section and their order. See individual component docs for per-component configuration options.

Linked from (1)