Appearance | Notion

Layout (2).png

Navigation layout

Choose between classic Header and contemporary Sidebar navigation.

Header-based: this option only displays the header and disables sidebars.
Sidebar-based: this option enables sidebars. You can also choose to make the header visible in the sidebar setup.

Layout (3).png

Sidebar setup

Customize your sidebar settings. These settings are available only if you have enabled the sidebar-based navigation in the navigation layout.

Sidebar template: select the size of the main sidebar and enable the second sidebar with the options in the dropdown.

Show header: enable the header for the sidebar-based navigation layout.

Transparent header and sidebars

Allow transparent navigation: with this option enabled, the navigation overlaps the following sections: 'Slideshow with media', 'Image banner', 'Video banner', and 'Footer', if this section comes first in the template.

Follow the steps below to setup the transparent navigation:

Add one of these sections to the top of the template.
Select 'Overlap by navigation' in the section settings.
If you use sidebars, select 'Default colors' in the sidebar settings.

<aside> <img src="/icons/info-alternate_gray.svg" alt="/icons/info-alternate_gray.svg" width="40px" /> Please note that these steps are obligatory for transparent navigation to work.

</aside>

Other

White space

This setting defines the spacing between blocks on the page: select Spacious for bigger spacing and Compact for smaller spacing.

Whitespace (1).png

Show lines

If this option is enabled, the lines between elements will be displayed. You can also customize line width and opacity in the sliders below.

Line width: define line width from 1px to 4px with a 1px scale spacing.

Line opacity: set line opacity from 0% to 100% with a 10% scale spacing.

<aside> <img src="/icons/info-alternate_gray.svg" alt="/icons/info-alternate_gray.svg" width="40px" /> Please note that line color is inherited from the text color and affects all lines throughout the theme.

</aside>

Center text

When enabled, the setting aligns headings and content throughout all templates except for navigation. This setting won’t be applied if you have set other alignment in a section/block settings.

Max page width

This parameter defines the maximum width for the page sections.

Include header and footer: enable this option to apply the max width to the header and footer.