Desktop, tablet and mobile layouts | CoreCMS guides
Responsive controls let you adjust the same content for different screen sizes. A device preview helps you spot layout problems before publication.
How to use it
- Select a container, column or component.
- Choose Desktop, Tablet or Mobile in its settings.
- Adjust only the values that need to differ, such as spacing, width or alignment.
- Check the order of stacked columns.
- Reset an override to return to the inherited setting where needed.
- Save and test on a real phone as well as the preview.
Before you finish
Do not hide essential information on smaller screens. Avoid fixed heights around text, and check long headings and buttons.
Related guides
- Accessing CoreCMS
- Understanding the CoreCMS interface
- The administration sidebar
- Using the page builder
- Containers, rows and columns
- Adding and editing components
- Page-specific settings
- Saving and publishing changes
- Before you publish
- Desktop, tablet and mobile layouts
- Managing columns and alignment
- Saved Blocks and reusable layouts
- Buttons and linked content
- Page revisions and restoring content
- Duplicating a page
- Media Manager
- Plugins and modules
- Getting help with CoreCMS
- CoreCMS: start here
- CoreCMS Form Builder
- Website Analytics
- Managing website search
- DigiSEO: checking a page
- DigiAccess accessibility toolbar