Panels

Contents hide

The main side Panel of Vivaldi gives you quick access to a number of important tools in Vivaldi, including:

Clicking on any of these tools will expand the side bar and allow you to view and interact with them in a split screen with your main browser window.

Displaying the Panel

By default the Panel bar is located on the left side of any of your Vivaldi windows. To expand and display it:

Click the Show Panel button on the left side of the Status Bar.
Use the Keyboard Shortcut F4 / ⌥⌘ P.
Go to Vivaldi menu > View > Show Panel.
Type “Panel” in Quick Commands.
Create a Mouse Gesture for the action.

Customising the Panel

To customise the Panel, navigate to Settings > Panel. Here you can change settings such as:

Panel Position. Choose to have the Panel display on the left or right side of the browser window.
Show/Hide Panel Toggle to allow a small toggle on the side of the window to display (or not).
Notes Panel behaviour. Choose whether or not to open the Panel automatically when creating a new Note, or automatically fetch a screenshot of the current page.
Window Panel options. Decide whether to activate tabs with a single click, whether Pinned Tabs are in a separate folder or listed as other tabs and how to create Tab Stacks.
Web Panel notifications. Enable/disable notifications, such as unread messages.
Lazy Load. Fully load the Web Panel’s content only when opened.
Opacity. In Settings > Themes > Color, you can make the Start Page background image show through, by changing the Opacity level. This setting also affects the Speed Dial Title background.
Blur. For a more “frosted” Panel (and Tab Bar) look, enable Blur from Settings > Themes > Color.

Reordering

Floating panel

The Floating Panel option allows the panels to overlay the open website. By default, opening and closing panels will resize the website to make space for the panel.

To enable the Floating Panel go to Settings > Panel > Panel Options.
Alternatively, Ctrl / ⌘ + click on the Panel toggle button in the bottom left corner of the browser window to quickly enable/disable floating panels.

In addition, you can enable Auto-close Floating panel. With this switched on, the panel will close when the mouse is moved away from the panel area.

Separate floating state per panel

To change the floating state per panel:

Right-click on the Panel you want to set a separate floating state from your default to.
Select Toggle Floating from the context menu.

Separate width

Some panels need more space than others. To have panels with separate width:

Right click on the panel button,
select Separate Width, and
drag the panel to preferred size.

Reorder Panels

To change the order of panels, hold down the Shift key and drag the panel to the new location. The same can be done with Web Panels, but they will all have to be below browser panels.

Was this page helpful?

Let us know if something’s missing from this article. That’s the only way we can improve.