Hey Jeff! This is an awesome base theme; thanks so much for all your work on it.

I have a 3-column design with a couple different kinds of content in the sidebars. A little diagram:

1  2
A  B

When we get down to smaller screens, the design is moving everything to 1 sidebar. By default, the theme will do the following:

1
A
2
B

But I want to arrange the chunks differently, more like

1
2
A
[B  = display:none]

I know I could do it by hardcoding classes for the blocks, but that seems tedious (there are multiple blocks in each region) and I am guessing there is a better way. Maybe creating additional regions (sidebar-left-top, sidebar-left-bottom, etc)? Or is this something gpanels would be good for? I thought it was more for horizontal sections but I haven't used it much.

Thanks for any advice or pointers!

Comments

Jeff Burnz’s picture

Jeff Burnz commented

Let me ask a few questions:

- are you looking for a generic way to modify the display of blocks depending on the context (such as device, e.g. smartphone or tablet etc)

- how did you achieve the layout in the first example, if the blocks are floating the logical layout in small screen is example 3, so how did you achieve example 2?

I need to think about this and hear your answers, then I can come with some solutions (anything is possible).

leenwebb’s picture

leenwebb commented

Sorry, poor ASCII diagramming on my part! I'll try again:

1 | Main Content | 2
A |                     | B

So column #1 has block-1 & block-A. Column #2 is main content. Column #3 has block-2 and block-B

On a smaller screen it rearranges to a 2column layout:

1 | Main Content
A |
2 |
B |

But I'd like to see:

1 | Main Content
2 |

Basically I want to stack the sidebars, but hide some content entirely on smaller screens. So: yes, I'm looking for what you mentioned in the first question - a way to hide some blocks entirely based on breakpoints. I guess I was thinking more in terms of "regions" rather than "blocks" because there are a bunch of blocks in each category (ones I want to hide, and ones I don't) and I was hoping I could control them en-masse rather than individually.

Thanks for any advice!
Eileen

leenwebb’s picture

leenwebb commented
Status: Active » Closed (cannot reproduce)

Doh! I realized once I had actually finished entering all the content that this isn't a problem at all -- I have column3 with "2" content, and with "B" content, but never on the same page -- so the whole question is moot! Thanks anyway for your time!