This script/stylesheet is for PERSONAL use only!
You are free to install this script/stylesheet for yourself, but it is not allowed to be used wiki-wide (e.g., in MediaWiki:ImportJS, MediaWiki:Common.js, MediaWiki:Common.css, MediaWiki:Fandomdesktop.js or MediaWiki:Fandomdesktop.css), as it would violate Fandom's Terms of Use.
(See the customization policy)
ResponsiveMobile is a general mobile stylesheet to make the desktop skin responsive for devices with width less than 768px (the lowest site width breakpoint).
Installation
Known Issues
- The code has no documentation
- Global navigation ~~and notification screen dropdowns~~ may not be positioned properly
- The editing interface may be buggy
- Some special pages may not work
- Content may sometimes be too wide that it overflows from the page.
To do
- Editor fixes
- VisualEditor support
- Global Navigation (sticky header + global nav) fixes
- Main Page fixes
- Article fixes
- Portable infobox tweaks
- Table of Contents
- Tables
- Special page fixes
- Optimize layout for some special pages
- Documentation of script
- Tips, CSS used, and such
- Adopt CSS of Community Central, Dev Wiki, and other offical wikis to be responsive
Notes
- It is recommended to use the 2010 Source Editor because the default editors (VisualEditor/2017 Source Editor) is very buggy and unoptimized for mobile.
- Unless if you have the editing toolbar disabled and syntax highlighting off, do not edit the page immediately or your browser may crash.
Gallery
The below screenshots are from Help:Template parameters
Phone view
The phone view on the top of the page
View when scrolling on the page
Search modal
The profile of a user viewed in mobile
Editing a page
Tablet
TBA
Text above can be found here (edit)