Fixed hesder block for 720px screen size.

This commit is contained in:
Svetlana Rastegina 2021-02-09 12:30:45 +01:00 committed by Georgy Litvinov
parent 44efb25082
commit 9fa7579a0d

View file

@ -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;
}
}