Tablet breakpoint enters way too early

  • Resolved Luis Martins

    (@lmartins)


    8 years, 6 months ago

    The breakpoint for tablets kicks in from around 321 pixels, which is under the screen resolution many phones already have. Didn’t find any filters to customize this, so I wonder what’s your opinion on how to tackle this.

    Currently a simple two column layout on any phone larger than a iPhone4s will create things like this:
    https://cl.ly/1L2T1E2D1C1R

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Luis Martins

    (@lmartins)

    Any feedback on this?

    Plugin Author Andrew Worsfold

    (@andrewworsfold)

    Hi Luis,

    The breakpoint widths were selected to match those used by WordPress in the Customizer (i.e., 320px for mobile and 720px for tablet). These are obviously not representative of all devices and arguably inappropriate, given the screen sizes and pixel densities of devices nowadays.

    The actual column/grid responsive breakpoints are controlled purely in SCSS/CSS, so it’s something that you could override in a plugin or theme easily. I’m also happy to consider changing them in Tailor itself, but this will require:

    1) Sensible breakpoint/minimum width selections (happy to receive advice on this).
    2) Extensive testing to ensure that there are no adverse effects on other areas of the plugin that use breakpoints and responsive settings.

    Cheers,
    Andrew.

    Thread Starter Luis Martins

    (@lmartins)

    I see your point, I’ll override for my use case. Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tablet breakpoint enters way too early’ is closed to new replies.