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
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!
Attachments Open full size
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.
Attachments Open full size
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 🙏🏼
Attachments Open full size
Yes Please!
Attachments Open full size
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.
Attachments Open full size
Almost 4 years. Hey Webflow, how many votes are you waiting on this one to make it a priority?
Attachments Open full size
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.
Attachments Open full size
Please, mobile first.
Attachments Open full size
Can you advise if anythings been updated on webflow for a mobile first appoach.
Attachments Open full size
Please go mobile first
Attachments Open full size
Please! Option to take a mobile-first approach would be a game changer. +100!
Attachments Open full size
+1
Attachments Open full size
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!
Attachments Open full size
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?
Attachments Open full size
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!
Attachments Open full size
MOBILE FIRST! MOBILE FIRST! MOBILE FIRST!
Attachments Open full size
3 years on and nothing?
Attachments Open full size
Yes please!
Attachments Open full size
Yes! Definitely! + 1,000
Attachments Open full size
This would be wonderful. +15.
Attachments Open full size