Tip #581

Make your choice between spacious and compact user interface layouts.

Do you prefer to give the buttons on the toolbars plenty of breathing room, or do you want them packed together nice and snug next to each other? As with most things in Vivaldi, you’re in control and can decide what works best for you.

To change the UI density:

  1. Go to Settings > Appearance > Window Appearance > User Interface Density.
  2. Choose between:
    • Regular i.e. the more spacious layout, and
    • Compact layout.

Tip #580

Fade the user interface colors of the browser windows you have open in the background.

When you’re viewing multiple browser or app windows side by side, it can be difficult to see, which one you’ve focused on. Fading Vivaldi window’s colors when it’s not in focus helps to make it more obvious.

To enable background window color fading:

  1. Go to Settings > Appearance > Window Appearance.
  2. Enable “Fade Colors in Background Windows”.
Two Vivaldi browser windows. The one in the back has a faded color scheme compared to the one in the foreground.

Tip #452

Display Vivaldi browser’s user interface in your preferred language.

Prefer to have apps in your mother tongue or want to learn new vocabulary in a different language? Then it’s time to explore the language settings in Vivaldi.

To change the user interface language:

  1. Go to Settings > General > Language > User Interface Language.
  2. Select your preferred language from the drop-down menu.
  3. Click “Save Language” and confirm the decision.
  4. Restart the browser.

If you don’t see the language of your choice as an option, but you’re well-versed in both English and that language, reach out to us and help us translate the browser.

Vivaldi browser's Settings window with User Interface Language dropdown showing available languages.

Tip #393

Scale Vivaldi’s user interface on Android to the size you’re comfortable with.

Usually, mobile browsers are optimized for smartphones but not for tablets. Vivaldi’s user interface is designed to work just as well on tablets, Chromebooks, and screens in cars by allowing you to change the zoom level of the browser interface.

To increase or decrease the size of Vivaldi on Android’s user interface:

  1. Go to Vivaldi menu > Settings > Web Pages > Accessibility > User Interface Zoom.
  2. Move the slider to make the user interface smaller or larger.

Tip #392

Create a feeling of using a website in an app by hiding the browser’s user interface.

In Vivaldi, you can install web pages as Progressive Web Apps, aka PWAs, or open them in separate User Profiles, to give a feeling that you’re using them separately in a dedicated app. These are more permanent options, but there’s another solution for a quick temporary option.

To get an app-like feeling of a website:

  1. Open the web page in a new browser window.
  2. For that window, toggle the UI off to hide the toolbars in one of the following ways:

Since the user interface is toggled off only in the current window, you’ll still see all your other windows with the usual toolbars.

Two Vivaldi browser windows. One with UI visible, the other with UI hidden.