Hide post type label on small screen sizes

WordPress · Sep 16, 2024 · 6f9ae9a · 6f9ae9a
1 parent b01b483
commit 6f9ae9a
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/editor/src/components/document-bar/style.scss b/packages/editor/src/components/document-bar/style.scss
@@ -27,7 +27,7 @@
 	}
 
 	&.has-back-button {
-		@media screen and (min-width: #{ ($break-medium) }) and (max-width: $break-large) {
+		@media screen and (min-width: #{ ($break-medium) }) and (max-width: #{ ($break-large) }) {
 			.editor-document-bar__post-type-label {
 				display: none;
 			}
@@ -77,6 +77,10 @@
 	flex: 0;
 	color: $gray-800;
 	padding-left: $grid-unit-05;
+
+	@media screen and (max-width: #{ ($break-small) }) {
+		display: none;
+	}
 }
 
 .editor-document-bar__shortcut {