1
0
-1

How do you change the mobile view threshold trigger widths in Maestro?

    CommentAdd your comment...

    2 answers

    1.  
      1
      0
      -1

      The following instructions refer to elements identified in the picture below.

      Note: This is configured in your template so you'll need your template designer to make the change.

      Open your template. Ensure the Form element (B) is selected in the Structure panel (A) then select the Properties panel (C) and scroll down to the Layout section (D) where you can set the Responsive Breakpoints values as required.

        CommentAdd your comment...
      1.  
        1
        0
        -1

        Thanks Ken.

        I just tested the thresholds using the Chrome console. And I'm very confused.

        Our template settings are exactly the same as the one in your screenshot (ie. the default).

        But when I test this with any of our forms, I get full mobile view (mobile menu and 1 field per row) for any width up to and including 559px, I get tablet view (mobile menu and several fields on one row) at exactly 560px and then I get full desktop view at 561px. So tablet view works for exactly 1 specific width, to the pixel?

          CommentAdd your comment...