MediaWiki:Mobile.css: Difference between revisions

From Good Creations! MC Wiki
Jump to navigation Jump to search
mNo edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
mNo edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
Line 1: Line 1:
/* All CSS here will be loaded for users of the mobile site */
/* All CSS here will be loaded for users of the mobile site */


@media (max-width: 768px) {
.minerva-header .branding-box {
    .minerva-header .branding-box::after {
display: none;
    min-width: auto;
        content: "Short Title"; /* Change this to your preferred short title */
        display: block;
        font-size: 14px !important;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .minerva-header .branding-box {
        visibility: hidden; /* Hides the original long title */
        position: relative;
    }
}
}



Revision as of 16:53, 1 April 2025

/* All CSS here will be loaded for users of the mobile site */

.minerva-header .branding-box {
	display: none;
}


/* Fix heading positionning. */
.page-heading {
	padding-top: 1em;
}

/* Show elements which are given this class (they are shown again by Common.css). */
.mobileonly { display: block; }

/* Hide elements which are given this class */
.nomobile { display: none; }

/* Squeeze the menu icons because the logo with wordmark makes the header to large. */
#minerva-user-menu-toggle { padding: 0.5em; }
#user-notifications { padding: 0.5em; }
#searchIcon { padding: 0.5em; }
.branding-box { margin-right: 20px; zoom: 90%; }

/* Truncate the title with an ellipsis */
.minerva-header .branding-box .vector-logo {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70%; /* Adjust this as needed */
}