Stacking in the Narrow Layout

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

Within most layouts, I've got content in the Content Region that lays out as:

Sidebar First > Content > Sidebar Second

With CSS grid settings of 3 > 6 > 3 in a standard 12 column grid.

When the screen size displays down in the mobile (global.css) layout, the content readjusts and is stacked on top of one another as follows:

Sidebar First
Content
Sidebar Second

My question is whether it is possible to get this vertical stacking to occur in the Narrow layout, so I have something like:

Sidebar First > Content
Sidebar Second

Basically, I'd like to let the 'Content' have more horizontal room on the screen on the Narrow layout and layer Sidebar Second down below both for the full width of the screen.

Comments

Change the float property of region-sidebar-first

kgertz's picture

you could simply change the float property of #region-sidebar-first to float: none in the css file for the narrow layout and then change it again in the css file for the normal layout to float: left


Tojio | http://www.tojio.com

Omega Framework

Group organizers

Group notifications

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