diff --git a/CampusAppWP8/CampusAppWP8/Pages/StartPage.xaml b/CampusAppWP8/CampusAppWP8/Pages/StartPage.xaml
index 719a6bed..d6f646de 100644
--- a/CampusAppWP8/CampusAppWP8/Pages/StartPage.xaml
+++ b/CampusAppWP8/CampusAppWP8/Pages/StartPage.xaml
@@ -269,7 +269,7 @@
         </ScrollViewer>
     </Grid>
     <phone:PhoneApplicationPage.ApplicationBar>
-        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" Mode="Minimized"  StateChanged="ApplicationBar_StateChanged">
+        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" Mode="Minimized"  StateChanged="ApplicationBar_StateChanged" Opacity="0.5">
             <shell:ApplicationBar.MenuItems>
                 <shell:ApplicationBarMenuItem Text="Setting" Click="ApplicationBarMenuItem_Click"/>
                 <shell:ApplicationBarMenuItem Text="Setting2" Click="ApplicationBarMenuItem2_Click"/>
diff --git a/CampusAppWP8/CampusAppWP8/Pages/StartPage.xaml.cs b/CampusAppWP8/CampusAppWP8/Pages/StartPage.xaml.cs
index 2071f687..2c29cf78 100644
--- a/CampusAppWP8/CampusAppWP8/Pages/StartPage.xaml.cs
+++ b/CampusAppWP8/CampusAppWP8/Pages/StartPage.xaml.cs
@@ -158,6 +158,8 @@ namespace CampusAppWP8.Pages
         {
             base.OnSwitchedToPortrait(e);
 
+            this.ApplicationBar.Opacity = 0.5;
+
             //this.ContentPanel.Margin = new Thickness(12, 0, 12, 12);
             //this.AppTitle.Margin = new Thickness(12, 17, 0, 28);
 
@@ -189,6 +191,8 @@ namespace CampusAppWP8.Pages
         {
             base.OnSwitchedToLandscape(e);
 
+            this.ApplicationBar.Opacity = 1.0;
+
             //this.ContentPanel.Margin = new Thickness(76, -24, 24, 0); // LandscapeRight
             //this.ContentPanel.Margin = new Thickness(24, -24, 76, 0); // LandscapeLeft
             //this.AppTitle.Margin = new Thickness(12, 17, 0, 28);