Support for larger media queries/breakpoints

Webflow should implement a larger media query/breakpoint.

  • Kyle Kilat
  • Dec 13 2016
  • Planning
  • Jul 31, 2019

    Admin Response

    Hey everyone, we're doing some initial research on this project to gain a deeper understanding about your needs & challenges around media queries/breakpoints. Would really appreciate it if you filled out this survey (https://webflow.typeform.com/to/xIGz0r). Thank you!

  • Timothy Noah commented
    January 18, 2017 00:58

    Hey Sergie would be god to know what part is planned? Larger breakpoints or maybe even custom sizes :D

  • Alexander Wong commented
    January 18, 2017 06:17

    Oh yes this please OMG. This is like a super-must for now. Too many screen sizes and too many custom-code to do for now.

  • Doferson commented
    January 18, 2017 18:02

    Must have! A long time to wait that? Thanks!

  • Sean Tubridy commented
    January 18, 2017 18:36

    Custom breakpoints that are designed to accomodate the content and not device sizes are so critical. So often I find myself having to write custom CSS because the default breakpoints break (no pun intended) the content.

  • Martin commented
    January 20, 2017 09:44

    That's great new, thanks! Could you squeeze in the table landscape one (https://wishlist.webflow.com/ideas/WEBFLOW-I-70) while you're at it? :)

    Maybe you could add manual adding of custom breakpoints that aren't reflected in the editor views to save us adding custom code as a half-way house?

  • Matthew Sanderson commented
    January 24, 2017 09:06

    Specifically, it's wide tablets (even more specifically, iPads) that we could do with being able to target. So many of my layouts benefit from a breakpoint at 1024px..

  • Desmond Gerritse commented
    February 16, 2017 08:55

    Thanks so much! And keep up the good work guys can't wait for this feature

  • Jen Armstrong commented
    February 23, 2017 02:01

    I see the note about custom breakpoints, but man that would be amazing to have. Hope it happens :-) 

  • Al Avery commented
    March 03, 2017 02:31

    Wondering…is are large and XL breakpoints coming soon? If so, how soon? Thx.

  • Matti commented
    March 03, 2017 04:15

    Hi Sergie, the same question here. I'm just going to design a new project for webflow and I would really like to start drawing a website with 1440px. Is it coming within next 2 week or shall I forget about it? 

  • Tyler Shick commented
    March 28, 2017 17:23

    Please gawd!

  • Valentin de Bruyn commented
    May 15, 2017 16:16

    Oh yes :) Looking forward to seeing this feature too... 

  • Mathias Wøbbe commented
    May 16, 2017 18:26

    Can't wait to see this getting into development!

  • Luca Vittadello commented
    May 20, 2017 15:03

    Hi, when this feature will be available? Tks!

  • Gabrielle Seaborne commented
    May 24, 2017 15:28

    Yay! ETA???

  • Gabrielle Seaborne commented
    May 24, 2017 15:29

    We build on the Bootstrap platform so need to align with the Bootstrap breakpoints.

  • Nick Raue commented
    May 31, 2017 23:05

    Custom breakpoints are worth the large infrastructure changes. Hopefully we see them soon.

  • Nathan Steele commented
    July 05, 2017 03:15

    Hi! I'm curious as to why not 1280 instead of 1200 and probably making add 1024 would be a great idea as well also.

    Best,

    Nathan

  • Nathan Steele commented
    July 05, 2017 03:18
  • Anthony Clark commented
    July 07, 2017 21:27

    @admin how is this feature going? Could we get another update, please? Thank you.

  • Vivian Li commented
    July 12, 2017 04:05

    praying 🙏🏼

  • Luca Vittadello commented
    July 20, 2017 13:32

    Hi! Any news when this will be available? Tks!

  • Suggestic Inc commented
    August 09, 2017 17:31

    This is the single most important missing feature IMHO.

  • Dmitrii Tregubov commented
    August 11, 2017 16:13

    Please-please-please!!! Add custom breakpoints in webflow...

  • Flex commented
    September 04, 2017 15:52

    Neeeeeeed ❤️

  • Bill Van der Hagen commented
    September 28, 2017 15:09

    yes. Please! 

  • Tj Johnson commented
    October 05, 2017 03:17

    I think this is a bad Idea IMO, because the breakpoints that webflow has now is perfect.. Foundation6, bootstrap, they have the basic grid flows just like web flow.. divs are divs regardless with a custom css option not adding it to the head but and actual option to add custom css would be the best option.. because you can add a basic div and you can set its max width etc.. just add a style sheet editor of some sort to add custom css. 

  • Tj Johnson commented
    October 22, 2017 19:35

    Webflow already supports large break points

  • Christoffer Furnes commented
    November 23, 2017 18:13

    Is there a time frame on this one? Today its basically the same breakpoint for a 27"-30" retina screen and a iPad in landscape mode...

  • David Shering commented
    November 23, 2017 23:33

    Cannot wait!

  • Shawn commented
    December 15, 2017 07:15

    Hey Sergie and team,

    Thanks for the effort you're putting into this, but would it be possible to get an update on this? According to the forums, folks have been waiting since at least mid 2013. (https://forum.webflow.com/t/are-we-stuck-with-960px-containers/17)

    Thanks again.

  • Geoff Meston commented
    January 20, 2018 17:33

    Any update on this? It would be great if you could update the Admin response and share your immediate roadmap.

  • Toby O. Rink commented
    January 30, 2018 23:44

    Yes. A must've. The trend is going more and more to fullscreen sites and flexible content. :(  

  • Anton Ferdfelt commented
    February 01, 2018 13:17

    Wanted to create a photography portfolio using webflow. But without custom breakpoints, I'll have to code it myself :/

  • Mac Dechmann commented
    February 21, 2018 15:46

    Yeahr is there a release date? Can't wait on it, need it absolutly for my client-pages

  • Rike Catalani commented
    February 26, 2018 15:55

    Any updates on this?

  • Sam Sharpe commented
    April 12, 2018 19:59

    This would be very useful, maybe tied to 1280, 1920 (FHD), 2560 (QHD/WQHD), 4096/3840 (DCI 4K/4K UHD) and while on the same topic then may as well build in 7680 (8K UHD) as the 2020 Olympics will be broadcast in that?

    Maybe the 8K is a bit extreme but it’ll be future proofed if Media Queries are still the way to go in the next few years?

    The difference between 1280 and 1920 is quite a lot even now in terms of layout and design, let alone 960 > 1920 and higher.

  • Sam Sharpe commented
    April 12, 2018 20:00

    Yes please

  • Bonnie commented
    April 19, 2018 13:15

    It almost looks like this is possible when I go to the tablet view and drag to show the rulers and adjust different breakpoints (see attached). Just let us expand it wider than 960!

  • David commented
    May 22, 2018 02:49

    I'm not sure what the issue is here, don't use the container and you can have a site at any size you like, the only issue really is the grid. The biggest problem is designing for landscape tablet which right now isn't possible and is a huge hack to get this to work.

  • Glenn Eastland commented
    June 29, 2018 08:46

    +1 Same difficulties here!

  • Paul Post commented
    July 11, 2018 10:19

    Would be great to have it. Al ot of 4K displays popping up recently and for example there's no easy way to control how text size is displayed, even using em / percentage

  • Philip Lester commented
    July 11, 2018 21:21

    This is the one feature holding me back from using Webflow.  Can't believe it hasn't been done yet :(

  • Chris Juneja commented
    July 15, 2018 02:06

    Custom breakpoints, from large screens all the way down to mobile, would change the game. This program would be absolutely unstoppable.

  • Rich Sangillo commented
    August 14, 2018 16:45

    Complete agree with Chris Juneja

  • Marek Roszko commented
    August 28, 2018 14:05

    The most important function

  • Rijk van Wel commented
    September 11, 2018 09:28

    Doesn't have to be custom for me, but the large/XL breakpoints are really needed.. Of course you can custom code the media queries, but by not having them you lose a lot of the power of the designer, as your site will no longer look representative (because the custom code is not executed in the designer). And of course it is tedious to custom code all the rules (heading sizes, widths, margins etc).

     

    Last update was from 1.5 years ago.. Any news on this?

  • Rijk van Wel commented
    September 11, 2018 11:20
  • Mark Bult commented
    November 01, 2018 05:48

    Very disappointed this is still in the queue.

  • Jim Collinson commented
    November 13, 2018 09:18

    Just adding a couple of larger breakpoints really isn't the answer here, what if they don't suit my design needs? What if I need more? What if I need smaller ones?

    The content and design should dictate the breakpoints, not the other way around.

    I'd say scrap this, and prioritise custom breakpoints.

  • Samuel Kobe commented
    November 27, 2018 22:26

    How is this still an issue?

    I understand that infrastructure and stability are major priorities, but this has been an issue now for years. The 940px breakpoint as the largest option is quite outdated.

    Custom breakpoints would be ideal, but with no implementation of the Large breakpoint(1200px) or XL breakpoint (1440px) I find myself feeling disappointed with the progress.

    Ultimately I'm frustrated because this is unquestionably and issue for 95% of designers with where displays are at currently. I work on a 27" iMac, and not unlike others above, I feel its not too great a expectation to design on our own displays (2015 iMac for reference, its not like large monitors are brand new).

    The "hacking" with custom CSS does work sure, but having to view the site in a separate tab so I can see the correct breakpoints is so incredibly frustrating when designing/testing. Please please bump this up in the queue of priority.

    Also if you read this and you agree, add a comment of your own. Webflow can only prioritize some many features at a time. If you want this one, let them know. 

  • Alex Dixon commented
    November 30, 2018 13:52

    A kitten dies somewhere in the world every-time I create a customer container 😢

    Think of the poor kittens Webflow... the kittens...

  • Samuel Kobe commented
    December 12, 2018 01:26

    The kittens!

  • Roveen Icasas commented
    December 15, 2018 14:33

    I want my sites to look modern on large desktops and have the ease of modifying it in webflow. Having to be constrained in app to 960 during the design phase is a major deal breaker, and it becomes more so the longer this drags on

  • Kevin Shin commented
    08 Jan 05:26

    Really disappointed that this isn't one of the highest priority things to tackle. I really like Webflow and all the features it offers but it's kind of moot if we don't have finer control over something this important.

  • Grant McCall commented
    08 Jan 08:07

    This really really needs to happen soon. 

  • Maxime Quillévéré commented
    09 Jan 08:00

    We've been asking for this feature for 6 years now... Please do whatever you can to make it happen soon! Very much needed! 🙏

  • Sean Wildenfree commented
    28 Jan 23:45

    PLEASE!!!!! Bring this to fruition. It is beyond frustrating trying to design for the desktop breakpoint, only to realize when you view it on a larger monitor/widescreen (or working the other way around), things don't line up properly! It would be VERY helpful to have a widescreen breakpoint, or the ability to just adjust & set our own breakpoints if necessary!

  • T B commented
    06 Feb 14:13

    Wow.... so many years later, and still nothing!!!

    We really need more and larger breakpoints here in 2019.

  • John Minshall commented
    17 Feb 09:33

    Having just updated to large 4k monitors at work, it is now evident to me just how much I need to change my practices to accommodate for large screens. I usually use custom containers with a max width of 1200px, it looks like I will need to be able to target 4k monitors with a larger max width. Is there any code that doesn't target a webflow pre-built container I can use and what is the recommended max width to use.

    Thankyou,

    John.

  • Veljko commented
    01 Mar 09:15

    3 most popular resolutions according to StatCounter - Link here

    360x640 18.93%
     
    1366x768 10.32%
     
    1920x1080 8.01%

    Webflow doesn't basically support 1440 and 1920 breakpoints.
    All major CSS libraries support those breakpoints as standard.
    Bootstrap, Foundation, Bulma, Semantic UI, Ui Kit...

    Guys, this is not a feature, this is a basic need in order to create web experiences in 2019.
    Please prioritize.

  • E S commented
    14 Mar 17:21

    I started with Webflow a few Weeks ago. Love the tool, thank you. 

    BUT, this feature is not supposed to be in the "Wishlist". Almost all of the designs I get are at 1440px. I´m aware of a custom code solution, but that brings difficulties with it. And, we want it nativly inside Webflow. Please rethink your breakpoint infrastructure as soon as possible. 

    We need breakpoints especially for bigger devices AND we need the possibilities to cascade our breakpoints from mobile-first up. (mobile-first isn't coming, it's already here).

  • James Bravo commented
    25 Mar 00:29

    This is really sad that this isn't available. 


    It's a bit of a dealbreaker.. 

  • George King commented
    16 Apr 06:37

    Can we get a new update on this? It's a massive hold back

  • Arjun Mahesh commented
    24 Apr 18:51

    Would still love to see this!

  • Laura Vrnhsn commented
    28 Apr 21:21

    PLEAAASE! This is the only thing that makes developing in wf a huge pain in the ass.

  • Tohotysuka Web Design Studio commented
    29 Apr 13:01

    Users have been calling for this for a long time, so it would appear that the Webflow team is either incapable of doing this or doesn't consider it important. 
    With-out br options webflows remains just a cool and practical TOY. Eventually market and competitors will put you in place.   

  • Vasily Surin commented
    08 May 12:12

    Guys... it's about business. The absence of this feature is the obstackle for a huge crowd of people to put their money in your pockets. It lasts for 7 YEARS. Does your management know about this?
    is it too hard to bring it to live? We almost hate your all for not doing this feature instead of loving you till the death for such a good saas.

  • James Pravato commented
    18 May 07:08

    Got to have this crazy that it isn’t done. 

  • Anthony Chan commented
    22 May 03:57

    When will the feature of adding a breakpoint of larger display available? More and more people are having a large screen.

  • Paul Irwin commented
    23 May 14:48

    Larger breakpoint and or custom sizes please!! This is starting to come up more and more in the designs I am trying to implement in webflow.

  • Simon Pheasey commented
    30 May 16:05

    Would love to be able to declare my own breakpoints :-) 

  • J V commented
    31 May 11:37

    Absolutely ridiculous the things they prioritize over getting breakpoints right. Webflow belongs on the scrap heap, and I can't wait for a new generation of design tools to put them in their place. Then they can stick with being a site builder/hosting which is clearly all they care about.

  • Hans-Jørgen Kristiansen commented
    20 Jun 00:52

    This is just ridiculous! How can you not focus on getting this fixed? This is a must in 2019, even 6 years ago, yet you are ignoring this for les important tasks... Can you tell me how I'm suppose to design advance design for 2k, 4k 5k and soon to come 6k monitors? There is no excuse for this level of unprofessionalism.

  • Daniel H commented
    22 Jun 12:26

    1200px and 1440px? What about the most important one we need now... 1024px? Does Webflow listen to paying customers like me? Does Webflow listen to responsive web developers who have been creating web sites since 1999? I really don't need 1200px or 1440px, I need 1024px!

  • Blair McDonald commented
    05 Jul 08:55

    Just starting out with Webflow and I'm very impressed but this is a BIG issue. As mentioned here by many, this should be treated as foundational functionality not in a wishlist. It's hard to think of Webflow as a tool for designers to create custom sites if the size of the content is limited (especially in 2019). 

    PLEASE Webflow, make this a priority!!!! :)

  • Ray Jeremia commented
    31 Jul 21:37

    7 years in the wishlist queue and You just started planning? Made the right choice to no longer paying.

  • Sam Sharpe commented
    31 Jul 23:48

    Hi Lynda,

    Can you please supply my responses to the questionnaire as I had no option
    to save for my own records upon submission?

    Kind regards,
    Sam

  • Rich Sangillo commented
    01 Aug 15:47

    Here's all the research you need to do... Look at the container you have, and look how small and outdated it is. Done. 970px max-width is from days gone by.