Fixed adaptive header

This commit is contained in:
SvetlanaLisina 2021-01-29 16:03:09 +03:00
parent 27d7bf8c21
commit e0972dff46

View File

@ -247,12 +247,13 @@ span.underline {
color: @textColor;
}
nav {
top: 0;
height: 71px;
margin: 0;
padding: 0;
height: 71px;
margin: auto;
width: 50vw;
position: absolute;
text-align: center;
top: 0;
width: 100%;
> div {
> ul,
@ -287,11 +288,11 @@ nav {
padding: 16px 0 0;
height: 54px;
display: inline-block;
/*display: grid;
display: grid;
display: -ms-grid;
grid-template-columns: auto auto auto auto auto auto;
-ms-grid-columns: auto 32px auto 32px auto 32px auto 32px auto 32px auto;
width: 100%;*/
width: 100%;
}
// For IE 11 header style
li:first-child {
@ -332,9 +333,10 @@ nav {
}
}
.pushy-content {
margin: 0 auto;
}
.pushy-content {
margin: 0 auto;
width: 45vw;
}
@media screen and (min-width: 1190px) {
@ -365,6 +367,7 @@ nav {
display: block;
min-width: 200px;
background: #fff;
text-align: left;
> li {
display: block;
@ -828,12 +831,12 @@ nav ul li a.menuitem:hover,
@media screen and (max-width: 1550px) {
nav {
margin-right: 25%;
}
}
@media screen and (max-width: 1369px) {
.pushy-content {
margin: 0 auto;
width: 58vw;
margin-left: 120px;
}
nav {
margin-right: 30%;
@ -847,7 +850,7 @@ nav ul li a.menuitem:hover,
.logo {
margin-left: 60px;
z-index: 10000000;
height: 40px;
height: 71px;
width: 50px;
a {
@ -906,6 +909,10 @@ nav ul li a.menuitem:hover,
padding-top: 0px !important;
}
.content-header {
height: 100%;
}
/*header {
top: 35px;
}