diff --git a/app/assets/javascripts/user/app/views/application_view.js.coffee b/app/assets/javascripts/user/app/views/application_view.js.coffee
index bc7bf28d..aeb692ae 100644
--- a/app/assets/javascripts/user/app/views/application_view.js.coffee
+++ b/app/assets/javascripts/user/app/views/application_view.js.coffee
@@ -14,3 +14,8 @@ App.ApplicationView = Ember.View.extend
         if fingerCount is 3 and direction is "up"
           controller.transitionToRoute "settings"
       fingers: 'all'
+
+    #ios7 detection
+    if window.device and window.device.platform and window.device.platform.toLowerCase() is "ios" and parseFloat(window.device.version) >= 7.0
+      controller.set 'ios7', true
+      $('body').addClass 'ios7'
diff --git a/app/assets/stylesheets/user/foundation/components/_ios.css.sass b/app/assets/stylesheets/user/foundation/components/_ios.css.sass
new file mode 100644
index 00000000..0cab788c
--- /dev/null
+++ b/app/assets/stylesheets/user/foundation/components/_ios.css.sass
@@ -0,0 +1,10 @@
+body.ios7
+  $ios-menu-height: 20px
+  .top-menu
+    margin-top: $ios-menu-height
+  .side-menu
+    margin-top: $ios-menu-height
+  #ember-app-container
+    padding-top: $ios-menu-height
+  .main-section
+    top: $top-menu-height + $ios-menu-height