Canvas settings changed suddenly from 1165px to 993

Hey Team,

I’m started designing the page with the default canvas size 1165px x 100% but after few hours it’s changed suddenly to 993px x 100px, how will i go back to 1165px canvas by default

Hover over the edge of the screen and click+drag outwards :+1:

Edit: Make sure it’s the inner-most designer canvas

Yes, but still it’s same only

The canvas automatically adjusts the size in some scenarios. The default is 1279px, you can’t change that value.
You are able to set your preferred value every time you enter editor mode but you can’t save it.
Just adjust the width per your needs and there you go.

1 Like

I’m not sure I know what you mean unfortunately—as @Marius1989 mentioned, the canvas adjusts its width based on the available size on your monitor—so if done something like changed the browser window size or zoom level the Designer canvas size will change.

If you’re still having issues a screenshot may help illustrate your problem a bit better, but hopefully you were able to get it sorted out.

Please find the screenshot

1 Like

Hey there!

Have you tried either 1) hovering your mouse over either the right or left border of the canvas, clicking, and pulling it out. Or 2) clicking on the canvas width in the top bar and typing in a new one?

Both of those techniques should allow you to make the canvas what ever size you need it!

I tried that but again once do the preview it’s going back to 993 only, how to fix by default 1165px

Your canvas looks to be smaller than the available space, so just click+drag the edge (between the white of your site and the grey background) outwards.

That said, you’re designing on the base breakpoint so changes you make on this size will affect browsers sizes between 992 and 1279px. Adjusting the width of the canvas only affects the preview at the shown viewport width :+1:

Got the same problem I don’t know this is the right solution - Change the browser Zoom size below 100% worked for me.

1 Like

@Banana_Design_Studio Hi, I just got the same problem and fixed that by click on “Pin the Navigator” icon on the left sidebar with layers. Hope it will help you :smiley:

This “Pin the Navigator” reserves the space for sidebar even if it is hidden, so be aware.

P.S. I’ve found it only because of my cat walked the keyboard.

Here another new Webflow user that’s confused with changing breakpoints.

I want to set a breakpoint with a canvas setting of 1280x 100% and one with 1920x 100%. But whenever I switch to the 1920 breakpoint… and then back to the 1280 breakpoint, I find this breakpoint is suddenly set to 1919 instead of 1280.

image

In other words: the canvas settings that I manually set in my breakpoints are not remembered. Is there any way to make it remember them? Wonder why it works like this. I don’t see the use of adding breakpoints when you still have to change it’s value every time you come back to it.

BR, Fry

1 Like

I have the same issue too. I can’t adjust it to 1920px but adjusting the screen by zooming in and out helps. But I can get only 1933px, not 1920px. Webflow was created years ago, but the canvas setting is literally a bug. Very annoying. Can someone just fix it.

1 Like

And there was one day, 1920px X100% showed up! Wow

Hi, i am facing the same issue right now… the issue with changing the zoom level below 100% is that, when you publish… someone visits your site the whole thing will look clustered… because their own default browser zoom level is 100% but the website was developed with 80% zoom level… i have been facing this issue on various sites I developed and I haven’t gotten a hold of it.