Preview Modes
Last Updated on
Preview Modes
See how your content looks across different devices. BarnumPT offers three preview modes to help you optimize your designs.
Available Preview Modes
Desktop Preview
The default view showing your content at full desktop width. Best for reviewing the overall layout and design of your pages.
Mobile Preview
Simulates a mobile phone viewport. Use this to check:
- How text wraps on smaller screens
- Whether buttons are easy to tap
- If images scale properly
- Overall mobile readability
Tablet Preview
Simulates a tablet viewport. Useful for checking intermediate layout breakpoints.
Switching Preview Modes
Use the preview mode buttons in the workspace toolbar to switch between views. The buttons typically show icons representing each device type:
- Monitor icon — Desktop
- Phone icon — Mobile
- Tablet icon — Tablet
Tips for Multi-Device Design
- Always check your funnel pages in all three preview modes before publishing
- Pay special attention to text readability on mobile
- Ensure call-to-action buttons are prominent at all sizes
- Check that images don't overflow or look distorted at different widths
Frequently Asked Questions
A:
The mobile preview simulates a mobile viewport size to give you a close representation of how your page will appear on mobile devices. Actual rendering may vary slightly depending on the specific device and browser.
A:
Yes, you can switch between preview modes while editing. Use Edit Mode or Design Mode in any preview size.
Need Help?
Don't worry if something's not quite right or you get stuck! Our team is here to help you.
We have a small team so you may have to wait a moment for a response.