Often some graphics, font sizes, etc. don't translate just right from the desktop design to an iPad turned to landscape mode. It would help to have a landscape view in styling to just tweak small things that go wrong.
the webflow-tablet-preview looks totally different than the real thing on an actual iPad pro!
In order to get Landscape Tablet View to work, I download the code and change 991 to 1024. That way, the desktop/laptop View doesn't show up on the Landscape Tablet View.
Then, I have to create 2 of everything on that page. A separate DIV containing the same elements for Portrait and a Separate DIV containing the same elements for LandScape.
Then, add on/off switches for the Landscape positioned DIVs in Code by adding a new MediaQuery Landscape measurement i.e. 1024 x 768.
Very tedious and quite unnecessary. And that's just for 1 page.
Can be fixed with a Landscape Tablet View Option.
A tablet landscape view (1024px) is needed desperately!
Similar to Imran, I have to export HTML and CSS to Brackets.io and create a new media query for layouts narrower than 1280 px (the width of my usual desktop designs) [but higher than 991 px] and update the CSS accordingly. I'm hand coding CSS guys; that's the dark ages! Lol It's pain!
Thank you in advance!
Actually the desktop view and the tablet landscape view is the same tab. We had to design in this tab for these two devices and sometimes (when trying to have fullwidth layout) it's hard to obtain good results.
Sometimes the contexts of uses on tablets and desktops are different. Having a specific tab for tablet in landscape orientation should allow us to do better responsive design.
Would love to have this. Definitely needed.
This is a must. Even when changing the media query from 991 to 1024 - 1200, the landscape view in ipad is extremely buggy. I then have to go into the css myself and tweak many things. I'm not a pro with css which is the main reason for choosing webflow. It's a shame this hasn't been implemented yet.
Some problem with me. I hope the developers at Webflow see how important this is.. 95 votes now.
Extremely important to have this. The cause of a serious amount heartbreak and extra work.
I have just started using Webflow, love it as I love this visual control I have in the design! However, this is one thing that is seriously killing the vibe of my current project. In the beginning, it was not an issue, but now, it's just hurting my face to think of other options just for this one view that I can't even see and have control over.
Tablet landscape view is a requirement. The entire purpose of creating Desktop, Mobile - Landscape and Mobile - Portrait support is so that we can design for devices other than simply desktop. It's a tremendous oversight to leave out Table landscape from this break points. An alternative would be to let the Webflow users easily define the break points themselves.
Yes please !
I agree. I have a little caption under than image that says "click to enlarge image" on the desktop breakpoint and "tap to enlarge image" on the mobile breakpoints" Unfortunately, an iPad (9.7") in landscape says "click" because Webflow see's it's screen width as that of a desktop. I know you guys do good work. I hope a solution to this issue is in progress.
This is a must. Not only for the comments mentioned above, but interactions. Currently have Hover triggers on desktop which do not function correctly on Landscape Tablet.
PLEASE - This is a must-have update!Also, is it possible to detect what kind of device a site is being viewed on? Some of the new large-screen phones have landscape widths that are approaching tablets, but the aspect ratio is very different between the two. That can really affect how a site looks.Maybe you could let us add additional breakpoints within your pre-defined device icons?Either way, adding a landscape tablet breakpoint that is different from the desktop is really a must.
Has a landscape breakpoint been added yet?We find Webflow enticing, but we discontinued our subscription a year or two ago over this feature.
At the time I was told by dev it was on the list, so I come back from time to time to check in.
It's not a dev issue for us — tweaking landscape view in later stages is something we can hand off to our front end designers or dev team.It's a conceptual design issue — without landscape tablet view (and other conceptual design features) Webflow is a no-go.
It's a Catch-22 for the tool:
If we don't have friction-free conceptual design features, we do core communications and conceptual design with other tools. And if we do core design with other tools, we no longer need Webflow — we just give our files to the executional designers or dev guys, who can code in their sleep faster than they can build a site with Webflow.To be compelling for senior communications designers, Webflow needs to provide the tools to do friction-free early phase design and get to a basic working site for client presentation without code-adds or other technical fiddling. Once that's done, a bit of technical fiddling (or more likely handoff to the dev guys) for tweaking or more complex feature-adds is tolerable.To that end, really basic requirements, like convenient landscape landscape tablet view out of the box, are a must. (80%+ tablet users hold their tablets in landscape view by default).A lot of future opportunities in web development are at the conceptual design phase, and its seamless, friction-free integration into the executional design and technical phases.Hope to see this and other design features soon.
I agree - tablet in landscape mode looks very different - I had to find out myself during tests on the device.Very painful and should be avoided by providing us a preview in the designer.Why is this taking so long?
Also animations behave different; they often appear much later than in any other view. Often the element does not show up even after scrolling past it!
Recently started using webflow for a project, and got quite a bit into the design/build before realising this crucial media query isn't available - what a deal breaker for me! If I wasn't committed already to do my current project in webflow (because of the project delivery time), I would take the hit and stop right now and code the site myself. I can't believe this isn't included! And yes, as others mention the preview mode is not accurate at all. I'm having to publish site to debug in various resolutions.
How is this not a feature yet?? Seriously guys this is a complete deal breaker...
Landscape or portrait, I still have no choice but to target my design to resize and work for 768 and 1024. And Webflow’s max-width: 991px hard code is just creating more work for me. Having 991px as a breakpoint is worthless in responsive design. Show me a device that even needs 991px as a breakpoint.
Wouldn’t it be oh-so-helpful if Webflow could offer some sort of breakpoint override, perhaps in Project Settings?
Breakpoints for:iPad 2 (Second Generation) - 768 x 1024 pxiPad Air (5th Generation) - 768 x 1024 pxiPad Air 2 (6th Generation) - 768 x 1024 pxiPad Mini (1st Generation) - 768 x 1024 pxiPad Mini 2 - 768 x 1024 pxiPad Mini 3 - 768 x 1024 pxiPad Mini 4 - 768 x 1024 pxiPad Pro (1st Generation) 9.7-inch - 768 x 1024 pxThe iPad - 768 x 1024 pxiPad Pro 10.5-inch - 768 x 1024 pxiPad Pro 12.9-inch - 1024 x 1366 px
This needs adding more desperately than ever. I lose so much time compromising my desktop design just to try and make it work on iPad landscape. Especially menus. I would love to have the hamburger menu available on iPad landscape.
I would have NEVER used webflow if I knew about this unsolved problem. Now I'm stuck because I got to far into the project to switch. Two and a half year without a fix is totally unacceptable.
I need it. Please.
You won't be notified about changes to this idea.