Hey! I’m having some issues when I publish my site and view it on my 16-inch MacBook — the sizing I’ve chosen in the Webflow editor looks different from the published site.
Do I need to set more custom responsive size options in the editor, if that’s even possible?
I’ve taken a screenshot to visually explain what’s happening.
Hi there,
To ensure your design looks consistent across different display sizes, here’s how to test and adjust your site’s responsiveness:
The Designer’s preview mode lets you test different viewport widths - just click the “eye” icon and resize the canvas. For precise testing, click the canvas dimensions at the top of the Designer to set specific pixel widths.
For better width control, especially on larger displays, place your Sections inside a Div block instead of letting them span the full body width by default. This gives you more precise control over your layout’s containment and helps maintain design consistency across screen sizes.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Ahhh amazing! thank you so much!!!