diff --git a/plugins/layouts/ResponsiveLayoutDesigner/app/libs/LayoutPreviewer/LayoutPreviewer.js b/plugins/layouts/ResponsiveLayoutDesigner/app/libs/LayoutPreviewer/LayoutPreviewer.js
index 7fe1454..340f67b 100644
--- a/plugins/layouts/ResponsiveLayoutDesigner/app/libs/LayoutPreviewer/LayoutPreviewer.js
+++ b/plugins/layouts/ResponsiveLayoutDesigner/app/libs/LayoutPreviewer/LayoutPreviewer.js
@@ -90,6 +90,16 @@
       var $editor = this.$editor;
       var grid = this.gridList.getItem(step.grid['machine_name']);
       var $frame = $('.rld-previewer');
+      var getLeftOffset = function () {
+        if(Drupal.Navbar) {
+	   // Ideally Drupal.Navbar.tray.$tray but Drupal.Navbar.tray becomes null when switching steps (is that a bug?)
+	   var $tray = $('#navbar').children('.navbar-tray');
+	   if($tray.length && $tray.is('.active')) {
+	     return $tray.width();
+	   }          
+        }
+        return 0;
+      };
       if ($frame.length === 0) {
         var preview = $('<div>', {}).load( window.location.href, function (data, status, jqXHR) {
           var $html = $(this);
@@ -115,7 +125,7 @@
           width = Number(step.info('size'));
           $frame.animate({
             width: width,
-            left: (document.documentElement.clientWidth - width ) / 2
+            left: (document.documentElement.clientWidth - width - getLeftOffset() ) / 2 + getLeftOffset()
           });
         });
         $('.rld-previewer');
@@ -149,7 +159,7 @@
       width = Number(step.info('size'));
       $frame.animate({
         width: width,
-        left: (document.documentElement.clientWidth - width ) / 2
+        left: (document.documentElement.clientWidth - width - getLeftOffset() ) / 2 + getLeftOffset()
       });
       this.topic('stepActivated').publish(step);
     };