Hide "Show Block Breadcrumbs" settings on small screens

WordPress · Jun 15, 2021 · 00e3d30 · 00e3d30
1 parent a8ec9c1
commit 00e3d30
Showing 1 changed file with 15 additions and 13 deletions.
diff --git a/packages/edit-widgets/src/components/more-menu/index.js b/packages/edit-widgets/src/components/more-menu/index.js
@@ -122,19 +122,21 @@ export default function MoreMenu() {
 									'Contain text cursor inside block deactivated'
 								) }
 							/>
-							<FeatureToggle
-								feature="showBlockBreadcrumbs"
-								label={ __( 'Display block breadcrumbs' ) }
-								info={ __(
-									'Shows block breadcrumbs at the bottom of the editor.'
-								) }
-								messageActivated={ __(
-									'Display block breadcrumbs activated'
-								) }
-								messageDeactivated={ __(
-									'Display block breadcrumbs deactivated'
-								) }
-							/>
+							{ isLargeViewport && (
+								<FeatureToggle
+									feature="showBlockBreadcrumbs"
+									label={ __( 'Display block breadcrumbs' ) }
+									info={ __(
+										'Shows block breadcrumbs at the bottom of the editor.'
+									) }
+									messageActivated={ __(
+										'Display block breadcrumbs activated'
+									) }
+									messageDeactivated={ __(
+										'Display block breadcrumbs deactivated'
+									) }
+								/>
+							) }
 						</MenuGroup>
 					</>
 				) }