diff --git a/packages/edit-site/src/components/layout/index.js b/packages/edit-site/src/components/layout/index.js index d95f9d597db43d..001a4fed667848 100644 --- a/packages/edit-site/src/components/layout/index.js +++ b/packages/edit-site/src/components/layout/index.js @@ -294,12 +294,7 @@ export default function Layout() { { isMobileViewport && areas.mobile && ( -
+
{ areas.mobile }
) } diff --git a/packages/edit-site/src/components/layout/router.js b/packages/edit-site/src/components/layout/router.js index 2b783ce895927d..3482c122c36305 100644 --- a/packages/edit-site/src/components/layout/router.js +++ b/packages/edit-site/src/components/layout/router.js @@ -52,7 +52,9 @@ export default function useLayoutAreas() { mobile: canvas === 'edit' ? ( - ) : undefined, + ) : ( + + ), }, widths: { content: isListLayout ? 380 : undefined, diff --git a/packages/edit-site/src/components/layout/style.scss b/packages/edit-site/src/components/layout/style.scss index 4d76dcdbd42562..05dbf1647fd2f6 100644 --- a/packages/edit-site/src/components/layout/style.scss +++ b/packages/edit-site/src/components/layout/style.scss @@ -26,6 +26,13 @@ } } +.edit-site-layout__header-container:has(+ .edit-site-layout__content > .edit-site-layout__mobile>.edit-site-page) { + margin-bottom: $header-height; + @include break-medium { + margin-bottom: 0; + } +} + .edit-site-layout__header-container { z-index: z-index(".edit-site-layout__header-container"); } diff --git a/packages/edit-site/src/components/page-patterns/style.scss b/packages/edit-site/src/components/page-patterns/style.scss index 74205b044b340b..6c616426aa3894 100644 --- a/packages/edit-site/src/components/page-patterns/style.scss +++ b/packages/edit-site/src/components/page-patterns/style.scss @@ -43,12 +43,6 @@ } .edit-site-page-patterns-dataviews { - margin-top: 60px; - - @include break-medium { - margin-top: 0; - } - .page-patterns-preview-field { display: flex; flex-direction: column;