Landscape Tablet View

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.

  • Jesse Milner
  • Jan 18 2017
  • Otto Berger commented
    January 22, 2017 09:15

    the webflow-tablet-preview looks totally different than the real thing on an actual iPad pro!

  • Imran Haroon commented
    January 27, 2017 23:25

    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. 

  • R1 N1 commented
    February 07, 2017 02:53

    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!

  • Alain Priser commented
    March 10, 2017 10:07

    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.

  • Matthew Oliver commented
    August 27, 2017 18:44

    Would love to have this. Definitely needed. 

  • Fernando Martinez commented
    September 12, 2017 17:46

    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. 

  • Pierre Merrien commented
    September 12, 2017 18:43

    Some problem with me. I hope the developers at Webflow see how important this is.. 95 votes now.

  • Niall Mc Dermott commented
    October 13, 2017 20:49

    Extremely important to have this. The cause of a serious amount heartbreak and extra work.

  • Tim Kometer commented
    November 13, 2017 22:52

    yes please!

  • Tim Kometer commented
    November 13, 2017 22:53

     Yes Please!

  • Craig Wilson commented
    August 04, 2018 06:36

    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.

  • Vasken Sayre commented
    December 19, 2018 18:08

    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.

  • Adrien Exchaquet commented
    17 Jan 19:07

    Yes please !

  • Arthur Larin commented
    18 Jan 16:37

    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.

  • Darren O'Rourke commented
    29 Jan 13:17

    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.

  • Rich Trowbridge commented
    04 Feb 19:38

    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.


  • Tom Dearie commented
    12 Mar 19:20

    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.

  • Wout Helsmoortel commented
    01 Apr 13:30

    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?

  • Wout Helsmoortel commented
    01 Apr 13:48

    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!

  • Mark Savage commented
    10 Apr 19:59

    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.

  • James Bravo commented
    09 May 05:59

    How is this not a feature yet??  Seriously guys this is a complete deal breaker... 

  • Daniel H commented
    21 May 22:29

    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 px
    iPad Air (5th Generation) - 768 x 1024 px
    iPad Air 2 (6th Generation) - 768 x 1024 px
    iPad Mini (1st Generation) - 768 x 1024 px
    iPad Mini 2 - 768 x 1024 px
    iPad Mini 3 - 768 x 1024 px
    iPad Mini 4 - 768 x 1024 px
    iPad Pro (1st Generation) 9.7-inch - 768 x 1024 px
    The iPad - 768 x 1024 px
    iPad Pro 10.5-inch - 768 x 1024 px
    iPad Pro 12.9-inch - 1024 x 1366 px

  • Neil Newnham commented
    30 May 13:06

    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.

  • Maurice de Vries commented
    08 Jul 15:28

    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. 

  • Glen Tiktak commented
    16 Jul 17:04

    I need it. Please.

  • Ben Kilah commented
    03 Sep 03:39

    This is a requirement and has been from the start, what's the update Webflow?