Template:Mobile: Difference between revisions
m (Testing & tweaking) |
m (Tweaking) |
||
| Line 5: | Line 5: | ||
<div style="display: block;"> | <div style="display: block;"> | ||
<style> | <style> | ||
@media screen and (max-width: 767px) { | |||
#MobileLink.mobile-link { | #MobileLink.mobile-link { | ||
display: block; | |||
} | } | ||
} | } | ||
Revision as of 19:10, 5 October 2023
Simply insert this Template onto a page (wherever you want it) and it will generate a warning for mobile users + a redlink to create a mobile-optimized page. If you want, you can also include a single parameter to change the destination of the redlink.
Default Usage:
Let's assume we're using this on a character, named Joe Boggs', wiki page.
{{Mobile}}
Generates:
<
<style> @media screen and (max-width: 767px) {
- MobileLink.mobile-link {
display: block; } } </style>
Parameter Usage:
Let's assume we're using this on a page with a complicated name (e.g. Amity Auxiliary Craft) and we want to simplify if.
{{Mobile|AmityAux}}
Generates:
<
<style> @media screen and (max-width: 767px) {
- MobileLink.mobile-link {
display: block; } } </style>
Note - This template should only appear on mobile devices (small screens); If you want to force it to appear, add a parameter called "template" and set it to "true", e.g.:
{{Mobile|template=true}}
{{Mobile|AmityAux|template=true}}