stack regions on narrower layouts

Events happening in the community are now at Drupal community events on www.drupal.org.
johnnykrisma's picture

Hi, I am relatively new at Omega but here's what I'd like to do. For the widest layout, I want my content zone to have Content(12cols) Sidebar First (6cols) Sidebar Second(6 cols) then on the narrow breakpoint, i would like to shover sidebar second underneath sidebar first so I go from 3 column to 2 column.

I'm not sure it's possible since the columns in that region would exceed 24, but what are my alternatives? Could I put my blocks in Sidebar first and have the widths push them under each other?

any help would be greatly appreciated.

thanks!

John

Comments

one way

johnnykrisma's picture

So I tried this: I put both blocks into one region, then I duplicated grid-6 and grid-12 styles for each block in my default-normal and default-narrow respectively. That works fine but doesn't seem very elegant to me as I am duplicating styles from the theme and applying them directly to a block--not very flexible. I thought about switching the classes with JQuery, but again, not very elegant and how to trigger that? For now this is just for a demo for my boss, but I'd really like to suss this out. I'm sure this is a common scenario. If it's a RTFM issue, point to the the right FM and I'll read it!

thanks!

john

Omega Framework

Group organizers

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: