Find answers, ask questions, and connect with our
community around the world.

Forums Forums Web Design WordPress Gutenberg columns break to a new line at low screen widths. How can I change that break point?

  • Gutenberg columns break to a new line at low screen widths. How can I change that break point?

    Deborah created 1 week, 2 days ago 0 Member · 1 Post
  • Deborah

    Member
    September 13, 2019 at 6:03 am

    Hi all. On my page, with Gutenberg, I have created three columns–each with a simple paragraph block inside (screenshot). As screen width decreases, the screen becomes to narrow to display all on a single line, so these paragraph blocks break to a new line. Does Gutenberg allow me to change when, and how, these paragraph blocks break to a new line? The reason I ask is because, at very wide screen widths all three paragraph blocks are on the same row. And at very narrow screen widths, each of the three paragraph blocks breaks to a new line so they appear in a single column (screenshots). This is desired and expected. But at intermediate screen widths, only one of the paragraph blocks breaks to a new line (screenshot). This is a bit undesirable. I’d like all three blocks to display on a single line until a certain screen width. At that screen width, I’d like each block to display on a new line. Does Gutenberg give me ways to achieve this? Or will I need custom CSS? Thanks in advance. – by hq overview cag8f – –

Reply to: Deborah
Your information:

Cancel
Original Post
0 of 0 posts June 2018
Now