How to break multiple columns in a section in many rows, depending on layout?

  • Resolved rogeriodec

    (@rogeriodec)


    2 years, 7 months ago

    I have 10 columns in a section.
    I want to show 3 columns on Desktop, 2 on Tablet, and 1 on Mobile (eventually 4 columns in an Ultra-Wide monitor).
    I don’t want to create multiple sections.
    |How to break multiple columns in a section in many rows, depending on layout?

    • This topic was modified 2 years, 7 months ago by rogeriodec.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Elementor Team

    (@talmo)

    2 years, 6 months ago

    Hi,
    I hope I understood you right.

    If you create multiple columns in a row, you can choose to hide each column that you want to different screens, just click on edit columns and use the responsive tab in Advanced to hide it on the other screens.
    That way you wont have to create more sections.

    Note that the max columns per row is 10.

    Thread Starter rogeriodec

    (@rogeriodec)

    2 years, 6 months ago

    Thanks, but I don’t think you read my question.
    I don’t want to hide a column, I want the column to “jump” to another row automatically, depending on the screen size.
    This is the most basic of what is known in responsiveness.
    Any CSS does this.
    I don’t understand what the difficulty is.
    I am currently required to create multiple sections to have multiple blocks of rows.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to break multiple columns in a section in many rows, depending on layout?’ is closed to new replies.