title: Customize Template10 HamburgerMenu (Hamburger Icon Size & PaneOpen Width)
body: <p>I have read their documentation on GitHub and still have not found a way to change the hamburger icon height which matches the height of my own page header (Template10 Pageheader has fixed size that can't be changed that's why I made my own)</p>
  
  <p>Furthermore I want the pane to completely open like any other UWP app.</p>
  
  <p>I want the pane to be wide open like this:<a href="https://i.stack.imgur.com/vlZD5.png" rel="nofollow noreferrer">Pane is open, page title/header shifting to the right</a></p>
  
  <p>Too bad it looks like this
  <a href="https://i.stack.imgur.com/dDuGx.png" rel="nofollow noreferrer">Page title not shifting to the right and only the 'bottom' pane is open</a></p>
  
  <p>The XAML of the Shell:</p>
  
  <pre><code>&lt;Page x:Class="Template10.Samples.VoiceAndInkSample.Views.Shell"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:Controls="using:Template10.Controls"
    xmlns:Core="using:Microsoft.Xaml.Interactions.Core"
    xmlns:Interactivity="using:Microsoft.Xaml.Interactivity"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="using:Template10.Samples.VoiceAndInkSample.Views"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:views="using:Template10.Samples.VoiceAndInkSample.Views" mc:Ignorable="d"&gt;
  
  &lt;Controls:ModalDialog IsModal="{x:Bind IsBusy, Mode=OneWay}"&gt;
      &lt;Controls:ModalDialog.Content&gt;
          &lt;Controls:HamburgerMenu x:Name="MyHamburgerMenu" IsFullScreen="False"
              HamburgerBackground="#EB690B"
              HamburgerForeground="White"
              NavAreaBackground="#EB690B"
              NavButtonBackground="#EB690B"
              SecondarySeparator="#EB690B"  
              NavButtonForeground="White" 
              NavButtonCheckedForeground="Black"
              NavButtonCheckedBackground="#EB690B"
              NavButtonCheckedIndicatorBrush="Black"
              VisualStateNormalDisplayMode="CompactOverlay"
              VisualStateNarrowDisplayMode="CompactOverlay"
              VisualStateWideDisplayMode="CompactOverlay"&gt;
  
              &lt;Controls:HamburgerMenu.PrimaryButtons&gt;
                  &lt;Controls:HamburgerButtonInfo ClearHistory="True" PageType="views:MainPage"&gt;
                      &lt;StackPanel Orientation="Horizontal"&gt;
                          &lt;SymbolIcon Width="48" Height="48" Symbol="Home" /&gt;
                          &lt;TextBlock Margin="12,0,0,0" VerticalAlignment="Center" Text="Home" /&gt;
                      &lt;/StackPanel&gt;
                  &lt;/Controls:HamburgerButtonInfo&gt;
              &lt;/Controls:HamburgerMenu.PrimaryButtons&gt;
  
              &lt;Controls:HamburgerMenu.SecondaryButtons&gt;
                  &lt;Controls:HamburgerButtonInfo PageType="views:SettingsPage"&gt;
                      &lt;StackPanel Orientation="Horizontal"&gt;
                          &lt;SymbolIcon Width="48" Height="48" Symbol="Setting" /&gt;
                          &lt;TextBlock Margin="12,0,0,0" VerticalAlignment="Center" Text="Settings" /&gt;
                      &lt;/StackPanel&gt;
                  &lt;/Controls:HamburgerButtonInfo&gt;
              &lt;/Controls:HamburgerMenu.SecondaryButtons&gt;
  
          &lt;/Controls:HamburgerMenu&gt;
  
      &lt;/Controls:ModalDialog.Content&gt;
      &lt;Controls:ModalDialog.ModalContent&gt;
  
          &lt;Viewbox Height="32"&gt;
              &lt;StackPanel Orientation="Horizontal"&gt;
                  &lt;ProgressRing Width="16" Height="16"
                                Margin="12,0" Foreground="White"
                                IsActive="{x:Bind IsBusy, Mode=OneWay}" /&gt;
                  &lt;TextBlock VerticalAlignment="Center" Foreground="White" Text="{x:Bind BusyText, Mode=OneWay}" /&gt;
              &lt;/StackPanel&gt;
          &lt;/Viewbox&gt;
  
      &lt;/Controls:ModalDialog.ModalContent&gt;
  &lt;/Controls:ModalDialog&gt;
  </code></pre>
  
  <p></p>