Learn how to hide your subpages that are showing in your home page.

Pages added as subpages of your main Notion page can be hidden from your site in three different ways. Choose the method that works best for you

A. How to Hide Subpages (No-Code Method):

This is the recommended option if you're using a free plan.

1. Add the page as a subpage of your main Notion page.
2. Open your Super Dashboard.
3. Go to Design → Layout.
4. Scroll down to Notion Page Links.
5. Enable Hide to hide the subpage from your site.

B. How to Hide Subpages Using a Toggle and Custom Code

A common method is to place the subpage inside a toggle on your main Notion page and then hide the toggle using custom CSS. This keeps the subpage hidden on your main page while still allowing direct links to it.

Steps in Notion:

1. At the bottom of your main Notion page, create a ► Toggle List block.
2. Drag the pages you want to hide into this toggle.
3. Apply custom CSS to hide the toggle on your site.

Then in Super:

1. Go to the Code section of your Dashboard
2. Open the CSS tab of the Code section
3. Paste this code in the CSS area

.notion-toggle {   display: none !important;}

1. Finally, press Save Changes and then Refresh your page in the Dashboard.

C. Hide Specific Brown Toggles

Sometimes you may use toggles as part of your site’s visible content. To avoid hiding these while still hiding specific subpages, you can target only brown toggles in Notion.

Steps:

1. Move the pages you want to hide into a ► Toggle List block in Notion.
2. Set the toggle block’s background color to brown.
3. Apply custom CSS to hide only brown toggles on your site.

This way, you can hide selected subpages while leaving other toggles visible in your content.

1.

1. Add the following snippet to the CSS tab on the "Code" page in your Site editor:

.notion-toggle.bg-brown {   display: none !important; }

How to locate if the link or pages on your site is being hidden.

To determine whether an element is being displayed with or without a template, is to use the developer tools to inspect that section of the page and see if the block is being hidden with display: none code.

In the top right of the image we can see that this code is coming from style.css - which is the template stylesheet.

To make it visible, kindly add the code in CSS section:

.notion-page {display: block !important;}