Last modified: 2014-11-14 20:48:41 UTC
It would be nice to have a class/ID that ensures that elements are not diplayed on desktop views, and consequently are displayed on mobile views. Extension:MobileFrontend Extension:MobileFrontend supports the class element "nomobile" which means that it won't show on on a mobile or tablet. See https://www.mediawiki.org/wiki/Extension:MobileFrontend#Configuring_the_main_page A corresponding class/id would be "nodesktop".
Thanks for taking the time to report this! What would be the usecase of this? Any examples?
Because my mobile is a different size and shape to my desktop, I want to put images on certain pages at different sizes for mobiles and desktops. eg. <div class="nomobile">[[file:headerimageDesktop.jpg|1024px]]</div> <div class="nodesktop">[[file:headerimageMobile.jpg|420px]]</div> I could also use it for display information in different ways for mobiles and desktops, eg. <div class="nomobile">Click the menu left</div> <div class="nodesktop">Click the ≡ button top left</div>