Open main menu

Snippets/Tablets and Smartphones in Desktop mode

How to use Snippets
List of Snippets
Crystal Clear action run.png
Tablets and Smartphones in Desktop mode
Language(s): CSS
Compatible with: MediaWiki all+ (all)

There exist a Wikipedia App on Android. However it does not allow for all functions like they are available in desktop mode.

Therefore a user might like to use desktop mode, even on a tablet or a smartphone. But this has some GUI inconvenients, e.g, the characters are too small, and menus are too close to other GUI objects.

DescriptionEdit

This small CSS code allows to use desktop mode on a tablet or a smartphone without having the difficulty that the address-bar is opened when trying to access the top Wiki page user menu.

UsageEdit

It should work for all types and versions of MediaWiki and all browsers.

CodeEdit

Allow a somewhat larger margin-top to avoid touching the address bar when accessing the user menu.

body { margin-top: 10px; }

For Wikidata you should add:

div#globalWrapper { margin-top: 10px; }

NotesEdit

You must be logged in, of course, to see the effect.

Known problemsEdit

It takes action for all kinds of browsers. It would have been better if it would be only active for e.g. Chrome on a tablet or a smartphone. But it seems not possible (or difficult) to distinguish amongst browsers in a CSS?

See alsoEdit