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 3, 2017 02:31

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

  • Matti commented
    March 3, 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 5, 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 5, 2017 03:18
  • Anthony Clark commented
    July 7, 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 9, 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 4, 2017 15:52

    Neeeeeeed ❤️

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

    yes. Please! 

  • Tj Johnson commented
    October 5, 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 1, 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