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

Custom CSS & Theme Design
2

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;
}
2 Likes