MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 /* CSS placed here will be applied to all skins */
+/* Mobile-specific infobox styling - only applies on small screens */
+@media only screen and (max-width: 768px) {
+  .infobox {
+    float: none !important;
+    display: block !important;
+    width: 100% !important;
+    margin: 0 0 15px 0 !important;
+    box-sizing: border-box;
+  }
+  /* Optional: If you want a bit of margin on the sides */
+  .infobox {
+    margin-left: auto !important;
+    margin-right: auto !important;
+    max-width: 95% !important;
+  }
+  /* Ensure infobox appears before the first paragraph */
+  #bodyContent > p:first-of-type {
+    clear: both;
+  }
+}