MediaWiki:Mobile.css

Revision as of 13:22, 18 April 2025 by Bxuwd (talk | contribs) (Created page with "All CSS here will be loaded for users of the mobile site: --- Force BuyMeACoffee Button to bottom on Mobile ---: #bmc-button { Use the ID selector: position: fixed !important; Fix position relative to the viewport: bottom: 15px !important; Distance from the bottom: right: 15px !important; Distance from the right (or use 'left: 15px;'): z-index: 1000 !important; Ensure it stays on top of other content: /* Optio...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the mobile site */
/* --- Force BuyMeACoffee Button to bottom on Mobile --- */

#bmc-button { /* Use the ID selector */
    position: fixed !important; /* Fix position relative to the viewport */
    bottom: 15px !important;   /* Distance from the bottom */
    right: 15px !important;    /* Distance from the right (or use 'left: 15px;') */
    z-index: 1000 !important; /* Ensure it stays on top of other content */

    /* Optional: Adjust size for fixed position if needed */
    /* Try commenting these size rules out first */
    /* height: auto !important; */
    /* width: auto !important; */
    /* max-width: 180px !important; */
    /* min-width: 100px !important; */
}