change px

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

@@ -31,10 +31,21 @@ body.on-edit {
 
   .grw-page-path-nav,
   .grw-page-path-nav h1 {
-    width: calc(100vw - 460px);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+
+    @include media-breakpoint-up(xs) {
+      width: calc(100vw - 300px);
+    }
+
+    @include media-breakpoint-up(md) {
+      width: calc(100vw - 350px);
+    }
+
+    @include media-breakpoint-up(lg) {
+      width: calc(100vw - 560px);
+    }
   }
 
   .page-wrapper {