add xl lg md

src/client/styles/scss/_on-edit.scss

@@ -32,8 +32,21 @@ body.on-edit {
   //temp data
   .grw-page-path-nav {
     display: flex;
+    width: 700px;
     overflow: hidden;
     white-space: nowrap;
+    @include media-breakpoint-down(sm) {
+      // width: 10px;
+    }
+    @include media-breakpoint-down(md) {
+      width: 100px;
+    }
+    @include media-breakpoint-down(lg) {
+      width: 200px;
+    }
+    @include media-breakpoint-down(xl) {
+      width: 700px;
+    }
   }
 
   .page-wrapper {