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
  • Dan Boyle commented
    20 Jun 11:08am

    Yes. Please implement this. I'm kinda shocked this was not in the product already.

  • Filip Paldia commented
    12 Jun 09:08am

    This is a must-have feature! Isn't it?

  • Tobias Rosman commented
    30 May 10:53am

    Please do this! We have 80% traffic to mobile, and it is so annoying being forced to think desktop first when that isn't our reality.

  • Frankie Lyon commented
    29 Jan 10:54pm

    Could not agree more. This would make my life 100x easier and make webflow so much faster and cleaner for me.

  • Jan-Henrik Hempel commented
    25 Jan 12:13pm

    Would be great to work in a "mobile first" way, e.g. by setting the smallest/Smartphone breakpoint as default and do the inheritance/cascading up the the larger ones.

  • Aaron Wierenga commented
    3 Jan 03:04pm

    HNY! It's January 2022. New budgets, new platforms, lots of important decisions to continue, or test out other platforms that adapt to the needs of designers/developers who need a mobile first option. I love the tool, and would really value this critical update.

  • Liz Heidner commented
    30 Nov, 2021 11:09pm

    Lack of mobile first option is the only reason I haven't gone all in on Webflow yet. It's insane that there is a platform like Webflow that doesn't have that in mind.

  • Antoine BERNIER commented
    12 Nov, 2021 11:51am

    An elegant solution could being able to set the "star" icon on another device, for ex: the mobile one!

  • Ian Walker commented
    23 Oct, 2021 02:07pm

    Min-width mobile first CSS please

  • Ian Walker commented
    23 Oct, 2021 02:06pm

    please make mobile first approach an option in webflow. I know this will get new many new users on the platform

  • Nate Truniger commented
    23 Sep, 2021 10:44pm

    Come on Webflow.

  • Christopher Nielsen commented
    6 Jul, 2021 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, 2021 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, 2021 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, 2021 09:22pm

    Yes Please!

  • Emmanuel Ikomi commented
    17 Jan, 2021 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, 2021 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, 2021 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.

  • Load older comments
  • +516