To ensure your Cover Page looks great on every device, its responsive design will automatically stack the content into a single column. This means that your Cover Page will naturally look a little different on mobile than it does on desktop. While your Cover Page's exact mobile appearance depends on your layout and content, here are some general rules.
Preview with Device View
Use Device View to preview how your Cover Page appears on a mobile device, tablet, or desktop. We also recommend visiting your site on your own device. To visit your site from a mobile device, type your page URL into your mobile browser's navigation bar. Your site doesn't have a different address for mobile devices.
Mobile background images
If you're using background imagery on your Cover Page, we recommend using an image without text or borders that offers some flexibility with cropping. For more help with this, review our background image best practices.
Text on mobile
If the body text on a Cover Page has a very large font size, longer words and phrases could get cut off on mobile devices. For best results, we recommend keeping the body text short, using a smaller font size for body text, and adding spaces between words.
Overall layout changes on mobile
Here are a few adjustments you’ll notice when your Cover Page is viewed on a mobile device:
- Split layouts (like Flash and Spotlight) stack vertically with the image stacked above the text.
- Layouts with split text (like Debut and Projector) stack the left-side text above the right-side.
- The Harbor layout splits horizontally with the map stacked above all text.