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 include a single parameter to change the destination of the redlink, like so:
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) {
div {
display: block; /* Show the div on devices with a screen width up to 767px */
}
}
</style>
This page is not optimized for mobile users!
For a better reading experience on mobile, visit the mobile-optimized version of this page: Joe Boggs/Mobile
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) {
div {
display: block; /* Show the div on devices with a screen width up to 767px */
}
}
</style>
This page is not optimized for mobile users!
For a better reading experience on mobile, visit the mobile-optimized version of this page: AmityAux/Mobile