Menu button on the right (CSS-only)

madiso

Ever wanted to move the menu button to the right? With CSS support and customizable menus, that's now possible!

Go to vivaldi://settings/appearance/
Adjust tabbar trashbin menu to add important menu items
Add some CSS:

.button-toolbar.toggle-trash button span > svg > path {
  d: path('M3 5h16v2H3zM3 10h16v2H3zM3 15h16v2H3z') !important;
}

.vivaldi .burger-icon {
  display: none !important;
}

You now have a menu button on the right!

luetage

@madiso You can recreate most of the commands, but if I’m not mistaken you won’t get the structure. Moreover you have all the recent tabs in there too, which should at least go into a submenu of their own, so they don’t crowd the main menu. Wouldn’t it be easier just to move the actual menu to the right?

madiso

@luetage

You can recreate most of the commands, but if I’m not mistaken you won’t get the structure.

In my testing the only things you don't get are the automatically generated groups, like a list of bookmarks.

Moreover you have all the recent tabs in there too, which should at least go into a submenu of their own, so they don’t crowd the main menu.

Recent tabs can indeed be moved to a folder or removed entirely.

Wouldn’t it be easier just to move the actual menu to the right?

It would be easier if it was possible with CSS or in-Vivaldi settings If you are testing snapshots often, it can get tiring to re-apply the HTML mods every time, so this way you wouldn't have to.

luetage

@madiso Oh wow, all the time while I was editing menus I completely overlooked that you can add folders 🤦‍♂️
Well, that makes things easier…