:Wrap menu if needed to accomodate screen resolution
* style.css: Upper menu will now text wrap if needed.master
parent
57121a9c23
commit
55cb97ff35
10
style.css
10
style.css
|
@ -97,12 +97,18 @@ h2.desc {
|
||||||
#menu {
|
#menu {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0px -300px 4em 0px;
|
margin: 0px -300px 3.5em 0px;
|
||||||
}
|
}
|
||||||
#menu li {
|
#menu li {
|
||||||
display: inline;
|
display: inline-block;
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
letter-spacing: 0.05em;
|
letter-spacing: 0.05em;
|
||||||
|
|
||||||
|
/* in addition to the 3.5em above; allows
|
||||||
|
for decent spacing when line overflows
|
||||||
|
at lower resolutions
|
||||||
|
(3.5 + [0.5/1.3=0.38] = 4.0)*/
|
||||||
|
margin-bottom: 0.38em;
|
||||||
}
|
}
|
||||||
#menu li a {
|
#menu li a {
|
||||||
color: #666f63;
|
color: #666f63;
|
||||||
|
|
Loading…
Reference in New Issue