How to Use Stackable’s Navigation Panel


Using the Stackable Navigation Panel

The Stackable Navigation Panel can be found in the inspector, and it only displays the blocks in the specific section that’s currently being edited.

All you need to do is to select the section or block you want to edit, and you won’t need to switch between the navigator’s List View and the inspector since you can do everything in the inspector with the Navigation Panel.

You can do the following with the Navigation Panel:

  • Move blocks
  • Duplicate blocks
  • Delete blocks

You can also navigate across the different blocks and modify them, and the navigation panel will just remain there.

For example, if the Features section of the page is selected, then you select the Hero section, the Navigation panel will remain there, however it’s displaying the blocks within the Hero section only.

Stackable Navigation Panel

The Stackable Navigation Panel can be found in the inspector, and it only displays the blocks in the specific section you are currently editing. This is helpful in visualizing the area that’s being edited.

It has the same functionalities as the native navigator, however, it is more compact and convenient. Opening the Navigation Panel won’t shrink the editor since it can be found in the inspector.

You can easily edit block sections since the Navigation Panel only shows the main block that is selected, as opposed to the native navigator which shows all the blocks and its elements in one section.

You can also resize the Navigation Panel to your liking. 

This way, it will be easy to visualize the structure of the block that is selected and have an easier time styling it. 🥳