How to use this design for a smaller screen resolution?
Rosamunda - August 8, 2007 - 19:03
| Project: | Alek 2.0 |
| Version: | 5.x-1.x-dev |
| Component: | User interface |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed |
Jump to:
Description
Hello there!
How can I avoid the fixed with of the content area?
This way smaller screens could navigate better to the page.
Thanks!
Rosamunda
#1
Hi Rosamunda,
As the style.css files look somehow the same for Alek 2.0 drupal 5.x and drupal 6.x
you may change following field :
#header {
width:80%;
height:180px;
#headerInner {
position: relative;
width: 950px;
height:180px;
margin: 0 auto;
}
in this
#header {
width:70%;
height:180px;
#headerInner {
position: relative;
width: 800px;
height:180px;
margin: 0 auto;
}
of course that is just an example, you may have to play with the percentage entries:
width: xx% for the header
and
width: xx% for the headerInner
The same have to be adjusted for :
#mainInner {position: relative;
width: 950px;
margin: 0 auto;
padding-top: 1em;
}
Cheers
P.S. You may follow progress on Alek 2.0 Theme develop at A place for Alek 2.0 ....
#2
long time no activity - closed - reopen if needed.