Width Of Contextual Menu

I am trying to use the command bar of ng-office-ui-fabric, and modify the width of uif-contextextual-menu-item. Here is a code &l

Solution 1:

Just change the left property for the submenu in CSS accordingly:

.ms-ContextualMenu-link.ms-ContextualMenu-link--hasMenu ~ .ms-ContextualMenu {
    left: 108px;
}

Modified your jsbin: https://jsbin.com/fowahoxiqu/edit?html,output

Solution 2:

Similar to the previous answer, if you make left: 100% instead of a fixed pixel width, you can change the width of the navigation to your heart's content and it will always stay where it should.

.menu1.ms-ContextualMenu.ms-ContextualMenu {
    left: 100%;
}