Support for larger media queries/breakpoints

Webflow should implement a larger media query/breakpoint.

  • Kyle Kilat
  • Dec 13 2016
  • In backlog
  • Feb 9, 2018

    Admin Response

    2/9/18 Update:
    Hey everyone. Unfortunately we have not had much movement on this last year. We scoped out and designed a solution that included a new 1200px and 1440px media query, but ended up delaying development for various technical reasons. We prioritized infrastructure projects that would make the Webflow platform more reliable and other features that would have a higher impact for web designers and their clients. There are many improvements we want to make and we’re hoping to tackle them later this year, but we don’t have any dates set in stone. The two popular ways you can workaround the pesky 960px container limitation for larger screens is:

    1. add custom code to expand the container on larger screens(https://forum.webflow.com/t/activate-1200px-large-screen-media-query/611)
    2. create a custom container using a div block, set a max width of 1200px on it, and use that for your container needs.


    1/19/17 Update:

    We will be adding breakpoints for Large (1200px) and XL (1440px) displays. We're continuing to investigate custom breakpoints for the future, however, custom breakpoints will require large infrastructure changes.

  • 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.

  • Dmitry 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
    20 Jan 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
    30 Jan 23:44

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

  • Anton Ferdfelt commented
    01 Feb 13:17

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

  • Mac Dechmann commented
    21 Feb 15:46

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

  • Rike Catalani commented
    26 Feb 15:55

    Any updates on this?

  • Sam Sharpe commented
    12 Apr 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
    12 Apr 20:00

    Yes please

  • Bonnie commented
    19 Apr 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
    22 May 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
    29 Jun 08:46

    +1 Same difficulties here!

  • Paul Post commented
    11 Jul 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
    11 Jul 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
    15 Jul 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
    14 Aug 16:45

    Complete agree with Chris Juneja

  • Marek Roszko commented
    28 Aug 14:05

    The most important function

  • Rijk van Wel commented
    11 Sep 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
    11 Sep 11:20
  • Mark Bult commented
    01 Nov 05:48

    Very disappointed this is still in the queue.

  • Jim Collinson commented
    13 Nov 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
    27 Nov 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
    30 Nov 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
    12 Dec 01:26

    The kittens!