Previewing Your Page on Mobile in BeaverBuilder
Always preview on mobile to make sure your content looks good on phones. Learn how to use the responsive preview feature.
More than half of all web traffic comes from mobile devices — phones and tablets. A page that looks great on a desktop computer can look broken, cramped, or unreadable on a phone. BeaverBuilder’s built-in mobile preview lets you see exactly how your page will appear on smaller screens before you publish, so you can catch problems before visitors do.
How to Switch to Mobile Preview
While editing in BeaverBuilder, look at the toolbar at the bottom of the screen (or top, depending on your theme layout). You’ll see icons representing different screen sizes — a monitor for desktop, a tablet icon, and a phone icon. Click the phone icon to switch to mobile preview. The page will reflow to show you how it looks on a small screen.
What to Check in Mobile View
Scroll through the entire page in mobile view. Look for text that’s too small to read comfortably. Check that buttons are large enough to tap with a finger — they should be at least 44 pixels tall. Confirm that images aren’t cut off or stretched. Look at columns — a two-column layout on desktop often stacks into a single column on mobile, which changes the order of content. Make sure the stacked order makes sense.
Checking Tablet View
Click the tablet icon to also preview at tablet size. Tablets fall between phone and desktop — some layouts look fine on both extremes but awkward at a medium size. A quick glance at the tablet preview catches these in-between issues.
When to Flag Issues for Your Web Admin
If you see something that looks wrong in mobile view — text that’s overlapping, a section that’s completely broken, or a button that’s unreachable — don’t try to fix it yourself. Mobile layout issues often require adjustments to the page’s column settings or responsive visibility options, which are better handled by your web admin. Take a screenshot and send it along with a description of what’s wrong.
💡 Tip: Always check mobile view as the last step before publishing any page update. It takes 30 seconds and can save you from publishing a page that looks broken for the majority of your visitors.
