this page has instructions on how to do it, but the only relevant steps are:
5. To activate the mobile view, go to any page on your wiki and click "+ Options" at the bottom.
6. Click "Edit Meta"
7. Click "Add a new meta tag". For name, use "viewport" (without quotes) and for content use "width=device-width, initial-scale=1.0" (again, without quotes).
there's also probably some edits that would be need to be made to nav:side. the major one would be adding this:
[[a href="##" class="close-menu"]]
[[image https://scp-wiki.wdfiles.com/local--files/nav:side/black.png style="z-index:-1; opacity: 0.3;"]]
[[/a]]
to the end of it. also, not sure if this is necessary, but you might have to wrap the whole thing in [[div class="side-block"]], but i dunno. i'll mess around with my personal sandbox to see how much of the main wiki's sidebar needs to be emulated.
nav:top is the one that'll need the most change probably, cause it'll need a second menu just for the mobile view and the button to open the sidebar. It'd be something like this:
[[div class="top-bar"]]
* [[[main| Home]]]
* [[[_admin|Manage this site]]]
* [[[welcome|New member landing page]]]
[[/div]]
[[div class="mobile-top-bar"]]
[[div class="open-menu"]]
[#side-bar ≡]
[[/div]]
* [[[main| Home]]]
* [[[_admin|Manage this site]]]
* [[[welcome|New member landing page]]]
[[/div]]
[!--
Please do not include anything other than links within the bullet list.
Do not go deeper than 1 level with nesting.
An alternative menu structure can be found below:
* [# example menu]
* [[[example item 1]]]
* [[[example item 2]]]
* [[[contact]]]
--]
i think this is everything that'd need to be done to implement it, but i might've missed some stuff.
