Ability to create sites using a 'mobile-first' approach (mobile styles first in CSS cascade)

In projects where mobile is the primary way an audience will view a site or app (and this number will probably only ever increase; one of my clients has 80% mobile views for example) – it often makes sense to start the cascade 'mobile-first' rather desktop first as webflow currently works – it helps designers, developers and stakeholders keep focussed about their audience, the content, the effectiveness of the UI decisions and importantly, generally just 'think' more from a mobile-orientated point of view (+ arguably some performance gains depending on how the cascade and code is setup).

If a majority of your audience use mobiles – I can't think of any advantages of starting desktop-first. I find webflow's approach encourages mobile views to become basically stacked versions of the desktop view – and while agree that is essentially what most mobile sites are these days (and is often the best solution), I think the approach generally discourages more creative solutions to optimising the experience for small screens.

(Discussed at length in the forums, often with much argument!)

  • Matthew Sanderson
  • Jan 18 2017
  • Christopher Nielsen commented
    6 Jul 04:06pm

    Very disappointing to see Webflow staff @magicmark mention this approach as being "insane" with a total misrepresentation of the cascade in this thread: https://discourse.webflow.com/t/mobile-first-or-desktop-first/118545.

    Thanks to @cyruskorn for providing excellent counter-points. Yes, we need this feature!

  • Michael Wandelmaier commented
    24 Apr 07:55pm

    I really want to use Webflow and it blows my mind that this isn’t at least an option in settings to change beak-points to min-width to work mobile first.

  • Tobias Rosman commented
    25 Mar 08:20pm

    Hi! I sort of must have this. Too much pain going back and forth between the mobile view (to see the results) and the desktop view (to make the changes). Unbearable!

    Please, add it 🙏🏼

  • Taylor Wogoman commented
    27 Jan 09:22pm

    Yes Please!

  • Emmanuel Ikomi commented
    17 Jan 09:06pm

    Graceful degradation should not be the only option for creating responsive websites, it's 2021. It's common knowledge that the majority of online traffic is now coming through mobile devices. Mobile-first design and progressive enhancement should honestly be the default responsive feature. At the very least we should be able to easily set and control media breakpoint styles within our classes.

  • Franco Ruarte commented
    16 Jan 02:37am

    Almost 4 years. Hey Webflow, how many votes are you waiting on this one to make it a priority?

  • Reform Digital commented
    6 Jan 05:02pm

    Google has adopted its renown mobile-first indexing for some time now. Plus it's the first time ever that mobile users have surpassed desktop users (2020).

    Common sense dictates that web design and development needs to adapt a mobile first approach. So I agree that we urgently need this from Webflow please.

    It would make so much more sense to prototype the development on mobile devices first, in order to make sure that interactions, animations, UI, UX and everything else work seamlessly and scale them up as needed, rather than have to completely minify and strip down all the complex developments that don't work on mobile.

    Reduction is an art, but getting it right from the outset and being more consistent throughout seems more logical.

  • Lucivam Costa commented
    23 Dec, 2020 06:04pm

    Please, mobile first.

  • Ian Walker commented
    7 Nov, 2020 12:08pm

    Can you advise if anythings been updated on webflow for a mobile first appoach.

  • Ethos Design commented
    8 Jul, 2020 10:17pm

    Please go mobile first

  • Judii Tran commented
    29 Apr, 2020 07:22pm

    Please! Option to take a mobile-first approach would be a game changer. +100!

  • Developer Projektionisten commented
    31 Mar, 2020 06:54am


  • Rob Jones commented
    12 Mar, 2020 04:10pm

    I was just now working through the Webflow tutorial on Design and Code, and after seeing how the app handles breakpoints this was my first big question. Scaling desktop down to mobile is not ideal - mobile first is better in many ways!

  • Paul Seymour commented
    20 Feb, 2020 12:16pm

    Just curious... why can't you just... use the Webflow Designer in mobile mode, then do your best design there, and then build out the rest of the responsive sizes from that? 

  • Harry Krijnen commented
    26 Jan, 2020 11:56am

    Now 3 years after the first request for mobile first, almost all website visits are mobile. Our website is approaching 85% mobile visits.

    So 2020 will be the year Webflow becomes mobile first, right!

  • Christopher List commented
    24 Jan, 2020 09:05pm


  • Umair Malik commented
    8 Jan, 2020 11:05pm

    3 years on and nothing?

  • David commented
    20 Dec, 2019 10:03am

    Yes please!

  • Terence Flowers commented
    5 Sep, 2018 01:28am

    Yes! Definitely! + 1,000

  • Luke Dorny commented
    26 Sep, 2017 04:14am

    This would be wonderful. +15.

  • Load older comments
  • +447