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 */
-/* Fix bug with branding box. */
+.minerva-header .branding-box {
-.minerva-header .branding-box {
+     max-width: 50% !important;  /* Prevents header from becoming too wide */
-	width: auto;
+     white-space: normal !important;
-    display: block;
-     max-width: 80%; /* Prevents overflowing */
-     white-space: normal;
      word-wrap: break-word;
      overflow-wrap: break-word;
-     line-height: 1.4;
+     text-overflow: ellipsis;  /* Prevents it from overflowing */
+    display: block !important;
+    flex-shrink: 1 !important; /* Ensures it shrinks properly */
 }
+@media (max-width: 768px) { /* Mobile-specific adjustments */
-@media (max-width: 768px) { /* Adjust for mobile screens */
      .minerva-header .branding-box {
-         max-width: 60% !important; /* Reduce width further on smaller screens */
+         max-width: 40% !important; /* Adjust to prevent pushing icons */
-         text-align: center; /* Ensures proper alignment */
+         font-size: 14px !important; /* Ensures proper text scaling */
      }
 }