The appearance of cover pages on mobile devices in version 7.0 follows responsive design principles for optimal viewing across all screen sizes. Content automatically stacks in a single column to ensure readability and usability.

To check your cover page's mobile appearance:

• Use the device view feature to preview on different screen sizes
• Test directly on your mobile device by entering the page URL
• Note that your website URL remains the same across all devices

For best mobile performance:

Background Images:

• Choose images without text or critical edge elements
• Select visuals that work well when cropped
• Follow background image best practices for flexibility

Text Considerations:

• Keep body text concise
• Use moderate font sizes to prevent word cut-offs
• Add appropriate spacing between words

Layout Adjustments for Mobile:

Split Layouts:

• Images stack above text
• Content displays in vertical orientation

Text-Split Layouts:

• Left-side text positions above right-side content
• Maintains readability in single-column format

Harbor Layout:

• Card section appears above text content
• Horizontal split converts to vertical stacking

These mobile-responsive adjustments ensure your cover page remains visually appealing and functional across all devices while maintaining your brand's aesthetic integrity.

Related Articles

Previous Articles