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: url(../images/header-image.png) center 0 no-repeat;
|
||||
height: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
}
|
||||
a {
|
||||
color: #2485AE;
|
||||
|
@ -479,7 +483,7 @@ h1.vivo-logo {
|
|||
height: 100px;
|
||||
top: 30px;
|
||||
/* 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 {
|
||||
display: block;
|
||||
|
@ -2101,3 +2105,22 @@ span.subclassExpandMinus {
|
|||
.affiliations {
|
||||
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