Tab Bar

Contents hide

Tab Bar visibility

To toggle the visibility of the Tab Bar, use one of the following options:

Go to Settings > Tabs and (un)tick the box for Show Tab Bar.
Go to the Vivaldi Menu > View and select Show Tab Bar.
Type “Tab Bar” in Quick Commands and press Enter.
Create a Keyboard Shortcut or a Mouse Gesture for the action.

Tab Bar position

The Tab Bar can be located on any side of the browser window. To change the position:

Go to Settings > Tabs > Tab Bar Position.
Select your preferred side:
- Top,
- Left,
- Right, or
- Bottom.

When you have moved the Tab Bar to the left or right side of the browser window, you have the option to show the Title of the active tab in a Title Bar, which will also include the Vivaldi Menu button as well as window controls for minimizing, maximizing and closing browser windows.

To enable the Title Bar:

Go to Settings > Appearance > Window Appearance
Enable Show Title Bar.

Tab Bar Appearance

To apply an accent color to the Tab Bar:

Go to Settings > Themes.
Select a theme and open the Editor > Colors.
Make sure Accent on Window setting has been enabled.
Either set an accent color yourself or enable Accent from Page to get the color from the website you’re currently viewing.

From Settings > Themes > Editor > Settings you can also adjust transparency and blur settings.

Tab Bar width on the side of the window

If you’ve positioned the Tab Bar on either the left or right side of the browser window, you can adjust the width of it. You can go wide enough to see plenty, if not all, of the tab title, or as narrow as to show only the website’s favicon.

To resize the Tab Bar:

Hover over the outer edge of the Tab Bar.
When you see a double-ended arrow, drag in either direction to change the width.

Tab Bar Display

Horizontal Scrolling

When the Tab Bar is placed horizontally on the top or bottom of the browser window, by default, tabs start to shrink in size, the more you open them. That can result in page titles or even favicons becoming invisible. Enabling Scrollable Tabs can prevent that. When enabled, tabs won’t shrink in size. Instead, they’ll go out of view and you can scroll the Tab Bar to browse through the open tabs.

To enable Scrollable Tabs:
1. Go to Settings > Tabs > Tab Display > Tab Bar.
2. Check the box for Enable Horizontal Scrolling.

Tab Spacing

When the browser window is not maximized in size, a narrow space is visible above the tabs. It allows you to click and drag the window around. By default, the space is removed when you maximize the window, but you can keep the space by disabling Remove Tab Bar Spacing in Maximized Windows in Settings > Tabs > Tab Display > Tab Bar.

Customize the Tab Bar

Apart from the tabs themselves, the components on the Tab Bar can all be moved or hidden, and you can add components from other toolbars to the Tab Bar.

To customize the layout of the Tab Bar and the components on it:

Go to the Vivaldi menu > View > Customize Toolbar.
Alternatively, right-click on the Tab Bar and select Customize Toolbar from the context menu.
Use drag and drop to rearrange the components on the Tab Bar, and drag components off the Tab Bar to remove them. Select different toolbars from the editor’s drop-down menu and drag additional components to the Tab Bar.
Click Done.

Tab Thumbnails give you a preview of the website you have open in the tab. To toggle thumbnails on and off, use one of the following methods:

Go to Settings > Tabs > Tab Display > Tab Options and toggle Show Tab Thumbnails on or off.
Type “Tab Thumbnails” in Quick Commands.
Create a Keyboard Shortcut or Mouse Gesture for the action.

Was this helpful?

Yes

Thanks for your feedback!