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
Comment #1
Bob123 CreditAttribution: Bob123 commentedOmega 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
Comment #2
Bob123 CreditAttribution: Bob123 commentedWhile 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).