Firstly, thanks very much for this truly excellent base theme. I have a question and I'm not sure exactly how to pose it due to a lack of personal vocabulary around responsive grid layouts. I'd like to try to achieve a responsive layout that instead of resizing the width of the grid columns, alters the number of grid columns instead.

I have a fairly standard three column layout (using a 12 column grid) with sidebar left, sidebar right, and content. I'd like my right column, which displays an ad of a standard 300px wide dimension, to stay 300px wide no matter what the other 2 content columns are doing. When the viewport size is too small for all three columns I'd each column to stack under the others to form a single column layout.

I'm not sure if this kind of layout is possible with this theme and if you can think of a way to keep elements a fixed size, or have any other advice around this, I'd greatly appreciate it.

Comments

dgastudio’s picture

did you found any solution?

fhdrupal’s picture

I too have almost the same problem, is there any dynamic way to change the width of the grids especially in product node page. Alternatively there may be a way to override grid css files.

fhdrupal’s picture

How can I simply load grid CSS files before my sub-theme global files, so that I can override some styles without touching the original omega alpha theme.

Thanks