MediaWiki:Mobile.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 /* All CSS here will be loaded for users of the mobile site */
-.minerva-header .branding-box {
+@media (max-width: 768px) {
-    max-width: 50% !important;  /* Prevents header from becoming too wide */
+    .minerva-header .branding-box::after {
-    white-space: normal !important;
+    	min-width: auto;
-    word-wrap: break-word;
+        content: "Short Title"; /* Change this to your preferred short title */
-    overflow-wrap: break-word;
+        display: block;
-    text-overflow: ellipsis;  /* Prevents it from overflowing */
+        font-size: 14px !important;
-    display: block !important;
+        font-weight: bold;
-     flex-shrink: 1 !important; /* Ensures it shrinks properly */
+        white-space: nowrap;
-}
+        overflow: hidden;
+        text-overflow: ellipsis;
-@media (max-width: 768px) { /* Mobile-specific adjustments */
+     }
      .minerva-header .branding-box {
-         max-width: 40% !important; /* Adjust to prevent pushing icons */
+         visibility: hidden; /* Hides the original long title */
-         font-size: 14px !important; /* Ensures proper text scaling */
+         position: relative;
      }
 }
 /* Fix heading positionning. */