Fixed adaptive header
This commit is contained in:
parent
27d7bf8c21
commit
e0972dff46
@ -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;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user