Somehow the default breakpoints in the Webflow editor have changed on a site I am working on for a client, even thought I understand from other posts in the forum that Webflow does not provide a method to create custom breakpoints. Not seeing anyone else struggling with this on the forums.
Right now the default breakpoint is set to 1919px wide and the first wide breakpoint is set to 2257px. This is really annoying—obviously I can drag the view window back in, but every time I click on the default breakpoint it jumps it back to 1919px wide. I haven’t added any custom code or CSS on the site, so not sure where this is coming from or how to reset it.
Thanks Jovil—
Alas, I understand how breakpoints work and have built many sites with Webflow, I have just never seen this behavior before. The breakpoints are there—they are just way larger than they should be. I am not scaling the canvas to 1919px—that is what it sets the breakpoint to when I click on the Desktop (base) breakpoint and Large Breakpoint One (should be 1280 but scales everything all the way up to 2257).
Hey @TimR , you could try resetting the breakpoints using Finsweet Webflow Extension by deleting the extra breakpoint that were created and see if the scaling resets.
Was under the impression that he accidentally created the breakpoint and wanted to reset it, thanks @memetican for pointing it out.
@TimR if that is not the case and you made stylings to the larger breakpoint, yes please don’t delete it! The default canvas size scales with your browser size that you are using the designer with, so it should not pose an issue to the actual breakpoints styling.
I don’t think I am scaling the canvas—the problem is that it is making it too big, not too small. I am on a nice large 27" 4k monitor.
Unless I am mistaken—the default desktop breakpoint should NOT set the canvas size to 1919px when clicked—It behaves differently than every other website that I have in Webflow.
Just as an example: Same browser, same window size, same monitor, same number of breakpoints on both sites:
Webflow website A—I click on the desktop breakpoint and it sets the window size to 1279. This makes sense to me, it is one pixel smaller than the first large breakpoint.
Webflow website B (problematic one)—I click on the desktop breakpoint and it sets the window size to 1919px. One pixel smaller than what would be the 3rd large breakpoint—but I don’t even have that breakpoint enabled on the site. It is like two whole breakpoints just disappeared and they all bumped up two slots.
Looking at my two screenshots I solved my problem—apparently I jumped all the way to the largest breakpoint and only added the biggest one! Oof. It is behaving as it should. Thank you for the plug-in suggestion, I will delete the largest one and do the work of rebuilding to the 1280 first large breakpoint.
