UWP - Prevent NavigationViewItemHeader from being clipped

Question

I am writing a UWP app that has a NavigationView containing NavigationViewItemHeaders:

Answer 1

Solution 1

Increase the left margin of item headers:

...

Solution 2

Disable compact and expanded display mode of the NavigationView by setting the CompactModeThresholdWidth and ExpandedModeThresholdWidth to some big number:

Solution 3

Bind the Visibility property of item headers to the IsPaneOpen property of the NavigationView as André B suggested, only use x:Bind instead of Binding since it doesn't need a converter:

    ...
            
    ...
            
    ...