Hiding sections from a template

Hello - I purchased a template from WebFlow and there are 4 or 5 sections that I don’t want to release / publish right not, but rather save for later. How do I hide them? I understand basic hiding, but where I’m running into issues is the page is not hiding in the top ribbon on the home page. For example, there’s an “About Me” page in the top ribbon next to home. I want to hide the entire About Me page, including the About Me link on the ribbon.

Thanks in advance!


Hi there!

You can save your pages as drafts to keep them completely off your site. To save a page as a draft:

  1. Open the Pages panel
  2. Select the page you want to hide
  3. Click the settings gear icon
  4. Toggle “Draft mode” on

Draft pages won’t appear in your navigation or be visible to search engines. If you need to share these pages with specific people while keeping them hidden from the public, you can also password protect them instead.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

Perhaps I’m doing it wrong, but it’s not working for me. I’m on the home page which has different sections. I want to keep all of those sections on the home page. But, the top ribbon has separate pages with the same names as the pages. I just want to hide the separate pages, so my website only has a Home page.

Under settings, you’ll see a visibility setting for the selected element.
Select the element and mark it as hidden.

It will still exist in the left side nav, but it will not appear on the canvas and that element and its children will not publish to the site.

One technique I like is to create a class called something like “unused”, and prefix it with an emoticon, you can copy-paste from here-

Then wrap your unused section in a new DIV and assign that class.
Then go to settings and mark it hidden.

This makes it easy to spot in the left nav. Note that unlike styles, settings are not part of the class, so you need to remember that settings visibility hidden step, the class won’t “embody” that setting.

If you don’t fully understand the difference between display: none and visibility: hidden, this might help.

Thanks for sharing. If I’m on a page and click the gear icon, and then go to Access Control (directly below General), there’s a section called “Restrict Access” - is this what you’re talking about? In there, I don’t have an option to mark as hidden. My option is only Public.