title: WPF Menu arrow on the first level
body: <p>Help me please with wpf menu. 
  I want the arrows showing that a menu item has also subitems. 
  By default these arrows get placed beginning on the second level. but I want them to be shown on the first level also.</p>
  
  <p>I don't clearly understand what to change and how. Although I found </p>
  
  <pre><code>&lt;Trigger Property="Role" Value="SubmenuItem"&gt;
  </code></pre>
  
  <p>inside the item's template, but I couldn't that make to work for me.</p>
  
  <p>UPD: I tried to do that:</p>
  
  <pre><code> &lt;Menu&gt;
      &lt;Menu.Resources&gt;
         &lt;Style TargetType="{x:Type MenuItem}"&gt;
              &lt;Style.Triggers&gt;
                  &lt;Trigger Property="Role" Value="TopLevelHeader"&gt;
                     &lt;Setter Property="Template" Value="{DynamicResource {ComponentResourceKey ResourceId=SubmenuHeaderTemplateKey, TypeInTargetAssembly={x:Type MenuItem}}}"/&gt;
                  &lt;/Trigger&gt;
              &lt;/Style.Triggers&gt;
          &lt;/Style&gt;
      &lt;/Menu.Resources&gt;
  &lt;/Menu&gt;
  </code></pre>
  
  <p>And now I have some crap like that:</p>
  
  <p><a href="https://i.stack.imgur.com/zA40d.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zA40d.png" alt="alt text"></a>
  </p>
  
  <p>You see I don't like the second element's offset. I don't know how to align that to the left. 
  I tried to change Padding, Margin, HorizontalAlignment and HorizontalContentAligment - nothing helped. </p>