@media only screen and (max-width: 1200px) {
.js .site-header nav {
display: none;
position: relative;
text-align: center;
}
.header-image .site-header .wrap {
background-position: left top;
position: relative;
}
.nav-header {
clear: left;
}
.site-header .menu-toggle {
display: block;
visibility: visible;
background-color: transparent;
width: auto;
position: absolute;
right: 0;
top: 22px;
}
.dashicons-before:before {
width: 40px;
height: 40px;
font-size: 40px;
}
.header-image .site-header .wrap {
padding: 12px 0 7px 0;
}
}
@media only screen and (max-width: 1023px) {
.site-header .menu-toggle {
top: 16px;
}
.dashicons-before:before {
width: 30px;
height: 30px;
font-size: 30px;
}
.menu-toggle:before,
.menu-toggle.activated:before {
margin-right: 0;
}
}
@media only screen and (max-width: 800px) {
.header-image .site-header .wrap {
background-position: 6% top;
}
.site-header .menu-toggle {
right: 6%;
}
}
@media only screen and (max-width: 410px) {
.site-header {
overflow: hidden;
}
.header-image .site-header .wrap {
background-size: 200px 40px;
}
.dashicons-before:before {
width: 20px;
height: 20px;
font-size: 20px;
}
.site-header .menu-toggle {
top: 10px;
}
}
Comments