► ExamplesMobile developmentAdaptive design

Adaptive design

Adaptive design adjusts pages based on device detection. You prepare alternative design variants of pages for different types of devices. When visitors view pages, the server identifies the device, and uses the information to display the appropriate design and resize images.

Auto-mapped layouts 

Uses an automatic mechanism to change the layout of pages according to the device viewing the page. Auto-mapping can only be used for shared page layouts. The layout mappings are configured in the settings of individual device profiles.

Device layouts

When preparing individual page templates, you can define alternative layouts dedicated to specific device profiles.