Posted by nflowers1228 on August 10, 2012 at 2:25pm
We're developing 3 sub-themes based on Omega with the HTML5 Starterkit and we want to use source ordering in the Content Zone with the content region first. When we add push/pull classes in the Additional Region Classes text field these classes stay fixed when the column widths change if there are no blocks in the first or second sidebar. This causes columns to overlap and be in the wrong place if either sidebar does not render. So the column grid-widths change dynamically but the push/pull classes do not. How do you make the push/pull classes dynamic so that they change programmatically along with the grid-widths?
Here's what happens:
- When there is no Sidebar First region, the region appears empty, and the content flushes over the Sidebar Second http://dev.yale-drupal7-prototype.gotpantheon.com/about-us (no-sidebar-first.png)
- When there is no Sidebar Second region, the Sidebar First displays below the Content region. http://dev.yale-drupal7-prototype.gotpantheon.com/responsive-grid-table (no-sidebar-second.png)
- The pages look fine if all 3 regions are being used: http://dev.yale-drupal7-prototype.gotpantheon.com/news
I have attached 3 images to demonstrate
| Attachment | Size |
|---|---|
| mobile_view.png | 168.37 KB |
| no-sidebar-second.png | 60.3 KB |
| no-sidebar-first.png | 244 KB |
Comments
Found the problem. First we
Found the problem. First we checked Customize Regions Positioning in the Configuration settings of the content zone (based on this post http://drupal.org/node/1230018). Then set the following for the regions
Then we removed the push/pull classes we had put in the Additional region class for the Content region and Sidebar first regions. Now the regions float the way the should even when some regions are not available.
Nancy Flowers-Mangs