I used pager manager and layout builder to create a homepage with a 33% - 67% two column layout and the two columns were below each other instead of being next to each other. Changing flex-wrap: wrap in .layout--twocol-section to flex-wrap: nowrap solves the issue but that feels like a kludge. Something in the parent has changed compared to such themes as bartik.

Comments

Charlie ChX Negyesi created an issue.

aaronelborg’s picture

aaronelborg commented

I've ran into this too. Before I go deep trying to figure out why this might be, did you happen to figure out a decent reason and/or remedy?

Thanks!

bwoods’s picture

bwoods commented

I ran into this exact same thing today. I noticed that the issue seems to occur only when the two-column option is chosen with uneven percentages and there's a sidebar column available. I just added the override style as suggested by the OP to get this working correctly. You will probably want to include this override in a media query because you'll need the wrap for mobile styling. Here's what I'm using:

@media (min-width: 768px) {
  .layout--twocol-section {
    flex-wrap: nowrap;
  }
}