Columns Breakpoint

  • Hi,

    thank you for this awesome theme.

    I have a question, because we have a problem in the columns wrapping in tablet. In particular for what concerns the upper part of the web with a form inside.

    It’s possible to change the core breakpoint, for example right now the defualt wrap is at 782, it’s possible to set at 1200px.

    I have tried some codes to modify the responsive breakpoints, but it doesn’t work. Below an example:

    @media?(max-width: 1200px)

    .wp-block-columns?{

    flex-wrap: wrap!important;

      }

      Can you help me?

      Thank you.

      Altaico Seguridad.

      The page I need help with: [log in to see the link]

    Viewing 3 replies - 1 through 3 (of 3 total)

    • Hi there,

      the core columns block has very little responsive control, and its CSS is awful lol

      Try this CSS:

      @media(max-width: 1200px) {
          div.wp-block-columns.break-1200 {
              flex-wrap: wrap !important;
          }
          div.wp-block-columns.break-1200 > div {
              flex-basis: 40% !important;
          }
      }

      Then select the Columns block and give it an Advanced > Additional CSS Class of: break-1200

      Thread Starter Altaico

      (@altaico)

      Hi,

      works.

      Really thank you.

      Now my web is more responsive in tablet resolution.

      Best regards.

      Glad to hear that

    Viewing 3 replies - 1 through 3 (of 3 total)
    • You must be logged in to reply to this topic.