responsive Design für Smartphones

2026-05-26 10:47:03 +02:00
parent 2472143146
commit 365f37dcea
1 changed files with 24 additions and 0 deletions
@@ -97,3 +97,27 @@
 .wp-editor-scope .btn-publish:hover {
    background-color: #006ba1;
 }
+
+@media (max-width: 760px) {
+    .wp-editor-scope.editor-container {
+        /* Sidebar nach unten */
+        flex-direction: column;
+    }
+
+    .wp-editor-scope .editor-main {
+        /* weniger Innenabstand */
+        padding: 20px;
+    }
+
+    .wp-editor-scope #post-content {
+        /* Verhindert, dass das Textfeld auf kleinen Displays kollabiert */
+        min-height: 300px;
+    }
+
+    .wp-editor-scope .editor-sidebar {
+        width: 100%;
+        /* Entfernt den linken Rand und setzt ihn nach oben als Trenner */
+        border-left: none;
+        border-top: 1px solid #e0e0e0;
+    }
+}