How can I change the canvas size in Webflow back to the default 1165px x 100% after it changed to 993px x 100px?
TL;DR
- Click the Desktop icon above the canvas to return to the 1165px width view.
- Check and adjust element heights in the Style panel, and reset canvas zoom to 100% if needed.
Your canvas likely shifted to Tablet view (993px), which explains the unexpected canvas size. Here's how to return it to the default Desktop view (1165px width) in Webflow.
1. Switch Back to Desktop View
- Look above the Webflow canvas for the device icons (Desktop, Tablet, Mobile Landscape, Mobile Portrait).
- Click the leftmost icon (monitor symbol) labeled Desktop.
- This will restore the canvas to the default 1165px width view.
2. Verify Canvas Height Setting
- If the height appears limited to 100px, a specific section or element might be the issue.
- Select the Body or the main Section element.
- Check the height property in the Style panel — set to Auto or adjust as needed.
- Make sure no container or wrapper has height: 100px applied.
3. Reset Any Custom Canvas Scaling (if applicable)
- If you previously zoomed or scaled the canvas accidentally:
- Click View > Reset canvas zoom to 100% in the menu bar.
- Or press Cmd+0 (Mac) or Ctrl+0 (Windows) to reset zoom.
4. Double-Check Breakpoints
- Webflow saves styles per breakpoint, so style changes in Tablet or Mobile won’t affect Desktop view.
- Always design-in and preview-from the correct breakpoint (e.g., Desktop) for consistent layout results.
Summary
To restore the default Webflow canvas size, switch back to Desktop view using the top device icons and ensure that no elements have constrained height settings. This will restore the 1165px x 100% canvas dimensions.
