NNuartz

Layout

Updated 2026-03-191 min read

Customize the page layout and component arrangement.

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)