3,616
edits
Template:Mobile: Difference between revisions
m
Adjusting max-width for small screen detection & adjusting language to fit more condensed on small screens.
mNo edit summary |
m (Adjusting max-width for small screen detection & adjusting language to fit more condensed on small screens.) |
||
| Line 4: | Line 4: | ||
} | } | ||
@media only screen and (max-width: | @media only screen and (max-width: 768px) { | ||
.MobileLink { | .MobileLink { | ||
display:block; | display:block; | ||
} | } | ||
}} | }} | ||
<div class="MobileLink" style="{{#ifeq: {{{template|}}} | true | display: block; | }} margin: 1em auto; padding: 10px; background-color: lemonchiffon; border: 2px solid darkgoldenrod; text-align: center;"> | <div class="MobileLink" style="{{#ifeq: {{{template|}}} | true | display: block; | }} margin: 1em auto; padding: 10px; background-color: lemonchiffon; border: 2px solid darkgoldenrod; text-align: center; max-width: 750px;"> | ||
''' | '''Page not optimized for mobile!'''<br/> | ||
For a better experience, visit | For a better experience, visit: '''[[{{#if: {{{1|}}} | {{{1}}}/Mobile | {{PAGENAME}}/Mobile }}]]''' | ||
</div></includeonly> | </div></includeonly> | ||
<noinclude>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. | <noinclude>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. | ||