Can the ribbon bar be moved to the right-hand side?

What I’m trying to do

VS Code has “primary side bar” which is similar to Obsidian’s ribbon bar, and I can change its position to be on the left-hand side or the right-hand side

I want to achieve the same thing in Obsidian

Things I have tried

Am I missing something? Or should I open a feature request?

1 Like

Since the ribbon is part of a CSS Flex group that goes from left to right, you can simply move it to the right side using the below CSS snippet:

.workspace-ribbon {
  order: 3;
}

Simple as that :slightly_smiling_face: Problem is, the tooltips still show on the right side, so you won’t see the icon tooltips anymore :sweat_smile: So you can get around that using a dirty hack that shows the tooltip “near” the ribbon, but it’s ugly looking and will show other tooltips in wrong places, too:

.workspace-ribbon {
  order: 3;
}
.tooltip.mod-right {
  left: 90% !important;
}

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.