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
Yes. Please implement this. I'm kinda shocked this was not in the product already.
This is a must-have feature! Isn't it?
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.
Could not agree more. This would make my life 100x easier and make webflow so much faster and cleaner for me.
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.
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.
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.
An elegant solution could being able to set the "star" icon on another device, for ex: the mobile one!
Min-width mobile first CSS please
please make mobile first approach an option in webflow. I know this will get new many new users on the platform
Come on Webflow.
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!
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.
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 🙏🏼
Yes Please!
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.
Almost 4 years. Hey Webflow, how many votes are you waiting on this one to make it a priority?
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.
Please, mobile first.
Can you advise if anythings been updated on webflow for a mobile first appoach.