Pan & Zoom mode
Navigate and zoom around your canvas with ease for a better editing experience
Easily navigate and preview your pages, especially on large screens or complex layouts. Whether you're fine-tuning your page design or working on detailed sections, this mode helps you view and move around the editor more freely and with precision.
What is Pan & Zoom mode 🔍
Pan & Zoom mode allows you to:
Zoom in/out of the canvas to see more or fewer page details.
Pan (drag) across different parts of your page without scrolling.
Get better control over layout adjustments, especially helpful when working on large desktop views or zoomed-out perspectives.
How to enable Pan & Zoom mode ⚙️
You can toggle this feature directly in the Foxify Editor:
Steps:
In the Top bar of the editor, toggle to turn on the Pan & zoom mode.
or
Click the Editor preferences icon, select the option Enable pan & zoom mode.
Once enabled, you'll see the Zoom Toolbar appear at the bottom center of the canvas.
How it works 🖱️
Move around your canvas easily
Hand tool: Click the hand icon 🖐️ in the toolbar to enable pan mode.
Mouse navigation:
Click and drag to pan across the canvas
Scroll to pan vertically (up and down)
Zoom in and out like a pro
When you first open the editor, the canvas loads at Zoom to 100% by default.
Keyboard shortcuts & scroll:
Ctrl + scroll up / Cmd + scroll up → Zoom in
Ctrl + scroll down / Cmd + scroll down → Zoom out
Zoom menu options:
Choose Zoom to fit to view the entire design area in one frame.
Select Zoom to 100% to return to actual size.
Snap to center top: Click this option to instantly scroll to the top of your design while maintaining your current zoom level.
Best practices ✅
Keep your browser zoom at 100% for full access to editing tools and best performance.
Use Zoom to fit before publishing to quickly review your full design layout.
Last updated
Was this helpful?