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
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