Fixed hesder block for 720px screen size.
This commit is contained in:
parent
6880ccfb69
commit
d4885f8a81
1 changed files with 24 additions and 1 deletions
|
@ -36,6 +36,10 @@ body {
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
background: url(../images/header-image.png) center 0 no-repeat;
|
background: url(../images/header-image.png) center 0 no-repeat;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: #2485AE;
|
color: #2485AE;
|
||||||
|
@ -479,7 +483,7 @@ h1.vivo-logo {
|
||||||
height: 100px;
|
height: 100px;
|
||||||
top: 30px;
|
top: 30px;
|
||||||
/* left: 0; */
|
/* left: 0; */
|
||||||
background: url(../images/title.png) center 0 no-repeat;
|
background: url(../images/site-title-padding.png) center 0 no-repeat;
|
||||||
}
|
}
|
||||||
h1.vivo-logo a {
|
h1.vivo-logo a {
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -2101,3 +2105,22 @@ span.subclassExpandMinus {
|
||||||
.affiliations {
|
.affiliations {
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
}
|
}
|
||||||
|
/* -------------------------------------------------> */
|
||||||
|
/* SCREEN RESOLUTION --------------------------------> */
|
||||||
|
/* -------------------------------------------------> */
|
||||||
|
@media screen and (max-width: 720px) {
|
||||||
|
#branding {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
ul#main-nav {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#wrapper-content {
|
||||||
|
width: 95%;
|
||||||
|
}
|
||||||
|
h1.vivo-logo {
|
||||||
|
background-size: 100%;
|
||||||
|
top: 55px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue