Hello,

I would like to use the omega theme in fullscreen. Is it even designed for that purpose?

For a test I have inserted an image with width of 100% in a grid-12 region. For that one case it was fairly easy to stretch the image to full screen:

.container-12 {
  margin: 0 !important;
  width: 100% !important;
}

.container-12 .grid-12 {
  margin: 0 !important;
  width: 100% !important;
}

But that would not work for smaller grid widths because that would kill the inner margins. For instance right under the first image I want 3 columns that are stuck to the browser's window but still have an inner margin.

My question(s) is/are:

1. Am I riding the wrong horse? Is Omega made for this?
2. If yes: what would be the best practice to make it full screen?

Thank you

Comments

Bob123’s picture

Omega 7.x-3.1

More genaral/Similar question:

Is it possible to stretch the grid all over the whole screen width?

I do not want those background borders left and right outside the grid, you can see on so many sites!
Web visitors had paid their large monitors 100%, so web designers should give them the possibility to use 100% and not only 70-80%content plus 20-30%margins without any content.
Isn’t this the purpose of a responsive design?

This question may be obvious and/or answered else-ware, but I didn’t found a clear answer nor “How To” put it in practice.

Thanks a lot,
Bob

Bob123’s picture

While waiting for a better solution, I have extended the existing alpha_default grid to 1920 pixels width. Please have a look at post #10 “How to add a new layout size” (https://drupal.org/node/1607748).