MediaWiki:Mobile.css

@media screen and (max-width: 720px) {
  /* 1) Outer navbox is the scroll container at 100% width */
  .content .navbox,
  .content .vertical-navbox {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box;
  }

  /* 2) Inner wrapper just wraps the table inline, no forced width */
  .content .navbox-inner {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
  }

  /* 3) Line up your groups/items in a row */
  .content .navbox-group,
  .content .navbox-list {
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .content .navbox-group > li,
  .content .navbox-list > li {
    display: inline-block !important;
    float: none !important;
  }
}