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

• Bookmarks,
• Reading List,
• Downloads, 
• Notes, 
• History,
• Window Panel,
• Translate,
• Mail,
• Calendar,
• Tasks,
• Feeds,
• Contacts,
• Sessions,
• and Web Panels.

Mail, Calendar, Tasks, Feeds, and Contacts panels are available only when Mail, Calendar and Feeds have been enabled in Settings > General > Productivity Tools.

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

At the very bottom of the Panel bar, there’s also a shortcut to Settings.

---

Displaying the Panel

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

• Click the Show Panel button on the left side of the Address 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.

---

Open, switch, and close individual Panels

To open or switch to a specific Panel, click on the Panel’s button on the Panel bar.

To close a Panel, but keep the Panel bar visible, click on the Panel button again. Alternatively, click on Close Panel in the top right corner of the open Panel.

---

Toggling the visibility of individual panels

If there’s a panel that you know you won’t be using, you can hide the icon from the Panel bar.

To hide a panel:

Option 1

1. Right-click on the panel you want to hide.
2. Select Edit > Remove from Toolbar from the menu.

Option 2

1. Open the Toolbar Editor.
2. Drag the panel you want to remove off the Panel bar and drop it on the web page area.

To display the hidden panel again:

1. Open the Toolbar Editor.
2. Select Panel from the drop-down menu.
3. Locate the panel you want to add back and drag it from the Toolbar Editor menu to the Panel bar.

To restore the Panel with its default panels:

1. Right-click on the Panel bar.
2. Select Edit > Reset Toolbar to Default from the menu.

---

Customize the Panel

To customize 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.
• Transparency. In Settings > Themes > Editor > Settings, you can make the Start Page background image show through, by changing the transparency 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 > Editor > Settings.

---

Reorder and move Panels

To change the order of panels, hold down the Ctrl / ⌘ key and drag the panel to the new location.

With the Toolbar Editor, you can move Panel buttons to other browser toolbars and bring buttons from other toolbars to the Panel.

---

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, Shift + 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:

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

---

Separate width

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

1. Right-click on the panel button.
2. Select Separate Width.
3. Drag the panel to preferred size.

In Vivaldi you can manage your Bookmarks from the Bookmark Panel, Bookmark Manager, Bookmark Bar and Bookmark Menu. In this article we’ll focus on the Bookmark Bar.

Showing the Bookmark Bar

To display the Bookmark Bar:

• Go to Settings > Bookmarks > Bookmark Bar and tick the box for Show Bookmark Bar;
• Use a Keyboard Shortcut Ctrl+Shift+B / ⌘ Shift B to toggle Bookmark Bar visibility on/off;
• Create a Mouse Gesture for showing and hiding the Bookmark Bar.

In Settings > Bookmarks > Bookmark Bar you can:

• Select which bookmark folder will populate the Bookmark Bar;
• Change the location – top or bottom of the window;
• Decide whether bookmarks are displayed with:
  • Text and Icon,
  • Text only,
  • Icon only,
  • Bookmark Icon only (folders will be displayed with text and icon).

---

Managing bookmarks on the Bookmark Bar

Adding a new bookmark

To add a new bookmark:

• Right-click on the Bookmark Bar and select:
  • Add Active Tab,
  • New Bookmark.
• Click the Add bookmark button on the right side of the Address Field and save the bookmark in the Bookmark Bar folder;
• Start dragging from the Site info badge on the left side of the Address Field and drop it on the Bookmark Bar.

Opening a bookmark

Clicking on the bookmark will open the website in the active tab (unless changed in Settings > Bookmarks). From the right-click context menu you’ll find the following options for opening a bookmark:

• Open in New Tab;
• Open in Background Tab;
• Open (in Active Tab);
• Open in a New Window;
• Open in Private Window.

You can also hold down the Shift key while clicking on the bookmark to open it in a New Tab or Ctrl / ⌘ key to open the bookmark in a New Background Tab.

Editing a bookmark

To edit a bookmark, right-click the bookmark and select Edit. To change just the title, right-click the bookmarks and select Rename.

Deleting a bookmark

To delete a bookmark, right-click on the bookmark and select Delete from the context menu.

Organising bookmarks

Sorting bookmarks

Bookmarks can be sorted by Title, Address, Nickname, Description, Date Created and manually. Right-click on an empty area on the Bookmark Bar, select Sort from the context menu and from the sub-menu your preferred sorting criteria.

Rearranging bookmarks

To move bookmarks around on the Bookmark Bar:

1. Make sure sorting is set to Manually,
2. Drag and drop to reorder or move a bookmark to/from a folder.

---

Bookmark Folders

To create a new folder, right-click on the Bookmark Bar and select New Folder from the context menu.

To create a new sub-folder, right-click on the parent folder and select New Folder.

---

Importing and exporting bookmarks

To import bookmarks from another browser or HTML file, go to the Vivaldi menu > File > Import Bookmarks and Settings.

To export bookmarks as an HTML file, go to the Vivaldi menu > File > Export Bookmarks.

What’s on the Status Bar?

Vivaldi’s Status Bar is located at the bottom of Vivaldi’s window allowing you to:

• Show or hide Panel bar. Ctrl + click to toggle on/off floating panel.
• Turn Break Mode on/off.
• Shortcut to Sync.
• Check Mail status for latest messages, accounts connection status’ and logs.
• Check Calendar status for upcoming events, accounts’ connection status’ and logs.
• See the current status of the web page. For example: “Processing request”, “Waiting for”, “Connecting”, “Establishing secure connection”.
  If you hover over links on web pages, the URL behind the link will be displayed on the Status Bar.
• Take a screenshot of the web page with page Capture.
• View multiple tabs side by side in the same window with Tab Tiling.
• Choose whether images are to be visible in web pages or not or if only cached images are to be shown. Also, decide whether to loop animations, play them just once or never.
• Page actions provides web-page specific features.
• Set the Page Zoom by using the Page zoom slider. Switch to range buttons in Settings > Appearance > Window Appearance > Use Buttons in Range Controls.
• Start countdowns, set alarms or just check the time from the Status Bar Clock.

---

Customise the Status Bar

To move buttons on the Status Bar, hold down the Ctrl / ⌘ key and drag the button to a different location. Alternatively, open the Toolbar Editor and rearrange, add and remove buttons without using the modifier key then.

All buttons on the Status Bar can be removed by right clicking on the button > Edit > Remove From Toolbar.

To reset the changes right click on a button > Edit > Reset Toolbar to Default. In case you’ve removed all of the buttons, go to Settings > Appearance > Window Appearance > Toolbar Customization > Reset Status Bar.

---

Hide the Status Bar

To hide the Status Bar or display it again:

• Go to Settings > Appearance > Status Bar to decide whether to:
  • Always show the Status Bar;
  • Only show status info overlay;
  • Hide it completely.
• Go to Vivaldi Menu > View >  Show Status Bar.
• Type “Status Bar” in Quick Commands.
• Use the Keyboard Shortcut Ctrl+Shift+S / ⌘ / to toggle the visibility.
• Create a Mouse Gesture for the action.

The placement and appearance of Toolbars can be customised in Vivaldi. User Interface Zoom allows you to alter the size of Toolbars. The position of the Address Bar and Bookmarks Bar within the UI can also be customised by adjusting settings within their respective sections in Settings.

Adjusting the size of Toolbars

1. Go to Settings > Appearance.
2. Use the User Interface Zoom slider to adjust the zoom.

---

Changing the position of the Bookmarks Bar

1. Go to Settings > Bookmarks.
2. Under Bookmark Bar Position, choose between Top or Bottom.

---

Changing the position of the Address bar

1. Go to Settings > Address Bar.
2. Choose between Top or Bottom under Address Bar Position.

Vivaldi browser with Bookmark and Address Bars at the bottom of the window.

To learn how to rearrange or hide buttons on Toolbars, have a look at our help page about Editing Toolbars.

Many important Vivaldi functions are available from the application menu.

Customize the menu appearance

Menu Position

Windows and Linux users can set the menu to either appear as a  Vivaldi menu button or as a horizontal menu across the top of the window. Go to Settings > Appearance > Menu > Menu Position. Next to it you can also choose the menu icon style.

Since Vivaldi 6.7 the main menu as well as context and other menus have gotten a design update leaving more space between menu items.

If you prefer the older, more compact menu style:

1. Go to Settings > Appearance > Menu.
2. Enable Compact Layout.
3. Restart the browser.

Vertical Menu

Horizontal Menu

---

Customize the menu commands

To edit, which commands and in which order are displayed in the browser application menu, go to Settings > Appearance > Menu > Menu customization.

For more detailed instructions, take a look at the help page about customizing Vivaldi menus.

Bookmarks are web page links that you have saved in the browser, helping you remember your favorite web pages and access them much faster. Find out more about the different ways to access and add new Bookmarks in the Vivaldi browser.

Accessing bookmarks

In Vivaldi you can access and manage your bookmarks from multiple locations in the browser:

• From the Bookmark Bar;
• From the Bookmark Panel;
• From the Bookmark Menu;
• From the Bookmark Manager;
• From the Address Bar via auto-completion. Type “@bookmarks” followed by a space and your search keyword to see results only from Bookmarks;
• From the Speed Dials on Start Page;
• From Quick Commands via auto-completion and nicknames.

---

Managing bookmarks

Add a new bookmark

• Click on the Bookmark Page button on the right side of the Address Field;
• Use the Keyboard Shortcut Ctrl+D / ⌘ D;
• Click on Add Active Tab in the Bookmark Menu;
• Right-click on the web page and select Bookmark Page from the context menu;
• Drag the link (starting from Site info button on the Address Bar) to the destination folder in the Bookmark Panel or Bookmark Bar;
• Type “Create Bookmark” in Quick Commands;
• Add one manually in the Bookmark Panel or Bookmark Manager;
• Create a Mouse Gesture for the action.

Edit a bookmark

To update information about the bookmark:

Option 1

1. Find the bookmark in the Bookmark Panel or Bookmark Manager;
2. Select the bookmark;
3. Make changes in the bookmark information section.

Changes are saved automatically.

Option 2

1. Find the bookmark on the Bookmark Bar, in the Bookmark Menu or on the Speed Dial;
2. Right-click on the bookmark;
3. Select Edit;
4. Make the changes;
5. Click Save.

Option 3

When you have the bookmarked page open:

1. Click on the Bookmark Page button on the right side of the Address Field, or
   Use the Keyboard Shortcut Ctrl+D / ⌘ D, or
   Type “Create Bookmark” in Quick Commands;
2. Make the changes;
3. Click Done.

You can edit the following bookmark information:

• Name;
• URL;
• Nickname;
• Description;
• Bookmark folder;
• Speed Dial thumbnail (can only be updated on the Start Page, Bookmark Panel and Bookmark Manager).

Delete a bookmark

Option 1

1. Find the bookmark in the Bookmark Panel or Bookmark Manager;
2. Select the bookmark;
3. Press Delete on your keyboard or right-click on the bookmark and select Delete.

Option 2

1. Find the bookmark on the Bookmark Bar or in the Bookmark Menu;
2. Right-click on the bookmark;
3. Select Delete;

Option 3

When you have the bookmarked web page open:

1. Click on the Bookmark Page button on the right side of the Address Field;
2. Click Remove.

---

Importing and exporting bookmarks

To import bookmarks, click on the Vivaldi menu > File > Import Applications or Files and select where you want to import the bookmarks from. Alternatively, click on the    Import button located near the top right corner in the Bookmark Manager.

Bookmarks can be imported from another browser you have installed on the same computer or from a Bookmarks HTML file. In case the other browser is not listed in the import dialog, export the bookmarks as an HTML file from the source browser and import the HTML file to Vivaldi.

When the bookmarks have been imported, you can find them all in a new folder after all other bookmark folders, just above the deleted bookmarks. We recommend using the Bookmark Manager or Bookmark Panel to rearrange your freshly imported bookmarks and bookmark folders according to your needs.

To export bookmarks from Vivaldi, click on the  Vivaldi menu > File > Export Bookmarks. Bookmarks will be saved as an HTML file.

---

Syncing bookmarks

To keep your bookmarks in sync across multiple Vivaldi browsers on different devices, use Vivaldi’s Sync feature.

Change the look of Vivaldi with Themes

Go to Settings > Themes to:

• Select one of the predefined themes.
• Create your own theme.
• Edit a preinstalled theme.
• Install a theme from Vivaldi Themes.

---

Create a new theme

To make your own theme:

1. Go to Settings > Themes.
2. Click on New Theme after the existing themes in the theme library.
3. Give the new theme a name.
4. Use the color picker or input a hex color code to change the Background, Foreground, Highlight and Accent colors. Also, change other color related settings, if you wish.
5. Switch to the Background tab in the theme editor and set a background for the new theme. You can choose between:
   • An image from Vivaldi’s selection.
   • A predefined color or set your own color of choice.
   • Using the desktop image (newer OS versions).
   • An image file from your computer.
6. Then, go to the Settings tab to tweak the theme further.
7. Last but not least, you can replace the default icons for toolbar buttons with your own.

Theme settings explained

Accent from page – Instead of the chosen accent color, the focused website’s color will be used on the toolbars. When you also enable Transparent Tab Bar, which shows your Start Page background image on the Tab Bar, the accent color will overlay the background image.

Accent on Window – When enabled, the accent color is displayed as the Tab Bar background (as on the illustration above) instead of on the Address Bar and active tab (as on the illustration below).

Limit Accent Color Saturation – This setting allows you to limit the amount of color (saturation) applied to the theme’s accent color.

Contrast – Increase contrast of the browser’s user interface elements to improve visibility.

Transparency – Make some user interface elements, such as the Panels, a bit see-through, to let the Start Page background shine through.

Transparent Tab Bar – Enable the setting, if you’d like to see your Start Page background also on your Tab Bar.

Blur – When transparency has been enabled for the Tab Bar and Panels, you can add a blur effect to the user interface elements (see the image above).

Transparent Background Tabs – When enabled, background tabs won’t be visually confined into their own box.

Corner rounding – Adjust corner rounding to get the corners as sharp or soft as you like.

You can see the changes you make in the theme immediately and the changes get saved automatically.

When you’re done adjusting the theme settings in the Editor, go back to the Library to see the new theme listed with your other themes.

---

Custom Icons

To make the browser’s user interface truly unique you can replace the default toolbar buttons with your own icons.

To change icons:

1. Go to Settings > Themes > Editor > Icons.
2. Select a button you want to update.
3. Click on the current icon and locate the new icon image in your File Manager/Finder.
   Alternatively, drag the new icon over the current one.

Take a look at the Help page about creating Custom Icons for suggestions about the best icon size, format and more.

---

Edit a theme

To change one of the default themes or one you’ve created:

1. Go to Settings > Themes.
2. Select the theme in the Library and switch to the Editor tab.
   Alternatively, go to the Editor tab first and select the theme you want to edit from the drop down menu.
3. Make your changes to the theme.

You can see the changes you make in the theme immediately and the changes get saved automatically.

---

Shareable Vivaldi Themes

The theme editor allows for endless variations of Themes. To see and install Themes made by other Vivaldi users and to share your own, visit themes.vivaldi.net. To learn more about it, check the Help page about Shareable Vivaldi Themes.

---

Private Window Theme

Vivaldi has a separate theme for Private Windows to make it easier to differentiate them from regular Windows. To change the Private Window Theme:

1. Go to Settings > Themes > Private Window Theme.
2. Select a theme from the drop down menu.

---

Scheduling Themes

With theme scheduling you can set your favourite themes to be enabled during specified times throughout the day. For example, enabling a light theme during daylight hours, and switching to a darker theme in the evening.

1. Go to Settings > Themes > Theme schedule.
2. Choose between:
   • No scheduling,
   • Following the operating system’s schedule,
   • Manual scheduling.

Operating system’s schedule

When following the operating system’s schedule, you can assign which one of your themes is used during the light and which one during the dark hours.

Manual scheduling

With manual scheduling you can add as many theme changes as you wish.

• Click on a time slot to open a drop down menu and choose which theme you want to use.
• Click and drag on the vertical bar between the timeslots, to adjust the theme change time.
• Click on and buttons to add/remove theme changing times.

---

Dark mode for web pages

If you prefer dark themes and want the web page content to match:

1. Go to Settings > Appearance > Website Appearance.
2. Select between:
   • Light,
   • Dark, or
   • Auto.

Some websites do not offer their site in dark mode. In that case, you can force dark mode, by selecting the “Dark” option and enabling Force a dark theme on all websites.

We depend on our community for feedback and like to hear from all our users. One way to let us know what you think is by commenting on blog posts published on vivaldi.com. Here’s what you need to know about that.

• To comment on the blog posts, you first need to have a Vivaldi account.
• Scroll down to the end of the post and click on Login if you already have an account, or on Register if you need to sign up for one.

---

Enable third-party cookies or whitelist specific pages

If it appears that you are still not logged in under the blog post, first try refreshing the page.  If this doesn’t help, check if you have third-party cookies blocked. Because comments are stored on vivaldi.net and blog posts on vivaldi.com, you need to enable vivaldi.net’s cookies on vivaldi.com in order to comment.

• To enable all third-party cookies, go to Settings > Privacy > Cookies and uncheck the box for Block Third-Party Cookies.
• If you do not wish to do that, you can whitelist specific pages. While you’re on the blog post page, open the

  

  Site Info menu from the left side of the address field. Select Cookies and move all Vivaldi cookies from the Blocked list to the Allowed list. Close the settings window and refresh the page.

• If you’re using an extension to block cookies, whitelist Vivaldi in the extension.

Alternatively, go to the Vivaldi Forum and leave a comment to the blog post there. You can find the shortcut link to the thread below the comments on the blog post’s page.

Happy commenting!

---

What is Direct Match?

Direct Match is a feature that gives you faster access to certain websites by suggesting them directly in the Address Field, Search Field, or Speed Dial search. When there’s a match for what you’ve typed, Direct Match saves you the extra step of searching through your search engine, helping you get where you need to go with fewer clicks.

How does Direct Match work?

When you start typing a search term in the Address Field, Search Field, or Speed Dial search, Vivaldi checks a locally stored file to see if there’s a match. If it finds one, an item labeled “Direct Match” will appear in the drop-down, suggesting a website related to what you’ve typed. Clicking on the suggestion takes you straight to the site, skipping the search engine entirely.

Here’s a quick overview:

• Where you’ll see it: Address Field, Search Field, or Speed Dial search
• What it does: Provides quick suggestions for websites from local data
• How it benefits you: Reduces extra steps and gets you to your intended site faster

And like anything else in Vivaldi, you can customize the order in which items appear in the Address Field— so whether it’s Bookmarks, search suggestions, or Direct Match results, you can make it work exactly how you like from Settings > Address Bar > Address Field Suggestions.

---

Privacy aspects

We take your privacy seriously, and Direct Match is no exception.

• No tracking: What you type stays private—it’s not tracked, stored, or sent to anyone, including us. So there’s no need to worry about data being used for profiling or anything like that.
• Local data only: All the data used for matching is stored locally on your device, which means that nobody—us included—can track what you’re typing.

On our end, we don’t keep any permanent records of who clicked which link, and we don’t store any IP addresses. In some cases, clicking a suggestion might involve a third-party affiliate network, which could set cookies for correctly attributing revenue to the right party, like how all affiliate links work across the web.

---

Why should I click on these suggestions?

Direct Match is all about convenience. It helps you reach the websites you’re looking for more quickly, and at the same time, by clicking on these suggestions, you’re supporting Vivaldi’s ongoing development, allowing us to keep offering you a better browsing experience.

---

Disable Direct Match

If you decide that Direct Match isn’t for you, it’s easy to turn off. Just follow these simple steps:

1. Go to Settings > Search > Allow Search Suggestions.
2. Tick the box for Enable Direct Match.

To disable Direct Match on mobile devices:

1. Go to the Vivaldi menu > Settings > Address Bar.
2. Toggle off Enable Direct Match.

---

We hope that Direct Match makes your browsing a little faster and easier, while still respecting your privacy, just the way it should be.

Use Notes to quickly add checklists, agenda items or facilitate a research project without the disruption of switching apps.

View Notes

To view and manage your Notes:

1. Open Panels from the left side of the bottom toolbar.
2. Tap on the Notes icon.
3. Tap on a note to view the full note.

---

Create a new note

To create a new note:

1. Tap on the Add Note button at the bottom of the Panel.
2. Enter the note text.
3. Tap Done.

To discard the new note, tap on Cancel in the top left corner.

---

Create a new Note from a web page

To make a note of something you found on a web page:

1. Select the text you want to turn into a note;
2. In the menu that appears, choose Copy to Note.

The note will be added to the folder you viewed last.

---

Create a new Notes folder

To create a new folder for your Notes:

1. Open the Notes Panel.
2. Tap on the 3-dot menu in the bottom left corner.
3. Select New Folder.
4. Give the folder a name and choose a parent folder.
5. Tap Done.

---

Markdown formatting

You can use Markdown formatting to make your notes more readable and interesting.

To add formatting to notes:

Option 1

1. Start creating a new note or editing an existing one.
2. Type your note using Markdown syntax.
3. View the formatted note by tapping on the Markdown button in the top right corner of the Notes Panel.

Option 2

1. Start creating a new note or editing an existing one.
2. Tap on the Markdown button in the top right corner of the Notes Panel.
3. On the keyboard tap on B/S to open the formatting menu.
4. Either select the formatting option before you start typing or select the text you want to format and then tap on the options in the menu.

---

Edit Notes

To edit a note:

1. Tap on the note you wish to edit.
2. Make the changes.
3. Tap Done to save changes or Cancel to discard the changes.

---

Sort Notes

To change the order in which the notes are displayed:

1. Open the Notes Panel.
2. Tap on the 3-dot menu in the bottom left corner.
3. Select Sort Order.

You can sort your notes:

• Manually
• By Title
• By Date Created
• By Date Edited
• By Kind, which groups Notes folders to the top/bottom and sorts the rest of the notes using the manual order.

In addition, you can choose to sort notes either in ascending or descending order.

---

Move notes

To move a note to a different folder:

• Start editing the note you want to move.
• Change the location of the note.
• Tap Done.

---

Delete Notes

To delete a note, open the note and tap on Delete at the bottom of the Panel.

To delete multiple notes at once:

1. In the Notes Panel, tap Edit in the bottom right corner.
2. Tap on the notes you want to delete.
3. Tap Delete in the bottom left corner.