In General
Device Detection Module maps a channel from /server/rendering/channelManagement/channels
to a Theme variation like /sitedefinition/variations/smartphone/templates...theme
.
Notice: these are the same variations available in the Pages Preview App ... they are defined here: info.magnolia.module.devicedetection.DeviceChannelResolver
.
Testing: ?mgnlChannel=smartphone
Other
In your Theme, you can set media = all
for CSS files if using a framework like Bootstrap or Foundation.
To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>
<meta name="viewport" content="width=device-width, initial-scale=1">
1 Comment
Bradley Andersen
Some old links:
https://documentation.magnolia-cms.com/display/DOCS53/Mobile
https://documentation.magnolia-cms.com/display/DOCS57/Preview+app
https://documentation.magnolia-cms.com/display/DOCS53/Responsive+Web+design
https://documentation.magnolia-cms.com/display/DOCS57/Using+a+site+definition
SUPPORT-9085
https://www.lifewire.com/write-web-pages-for-mobile-devices-3469097
https://github.com/topherzee/responsive-image-magnolia