By drupalb on

Hello Drupalers,

So, I'm running 5.7 and using Panels 5.x-1.2.
The Panels configuration I'm using has three columns, with a region on the top and bottom as well.

Here's the site:
http://moviola.com

Here's the issue:
If you make the browser window wider (say to really stretch out on a big Apple monitor), the columns shift. The third column drops below columns one and two, instead of staying in-line with columns one and two. I can replicate this issue on my laptop by moving the browser partially off screen on the left, and then dragging the window larger to the right.

I've tried placing a node in the bottom region, but that didn't stop this issue.

I'm guessing that there's something needed in the CSS of the theme (just a guess).
I'm far from a CSS expert . . . any thoughts on fixing this?

Thanks in advance!

DrupalB

⋅ Categories: Drupal 5.x

Comments

nevets’s picture

nevets commented

Add the following css to style.css

.panel-3col-33-stacked .panel-col-first {
  clear:left;
}
drupalb’s picture

drupalb commented

Thanks Nevets!
That did the trick.
I really appreciate the help.
I would have had no idea how to fix that problem without the help.

DrupalB

.

chlobe’s picture

chlobe commented

adding my thanks, was having the same problem and not knowing where to start. Cheers Nevets