genesis custom stylesheet with differen responsive menu width
.home-top .widget {
margin: 0;
padding: 0;
}
.entry-header {
border-bottom: 1px solid #333;
margin-bottom: 15px;
margin-top: 15px;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button {
background-color: #6ab446;
border: none;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-size: 16px;
font-weight: 400;
padding: 8px 12px;
text-transform: uppercase;
width: auto;
}
.home-bottom .widget {
background-color: #f7f7f7;
border-radius: 8px;
padding: 30px;
min-height: 211px;
}
.home-bottom {
padding-top: 30px;
}
.home .sub-footer {
display: block;
}
.sub-footer {
display: none;
}
.responsive-menu-icon::before {
color: #fff;
content: "\f333";
display: inline-block;
font: normal 24px/1 'dashicons';
margin: 0 auto;
padding: 10px;
vertical-align: middle;
}
.responsive-menu-icon::after {
color: #fff;
content: "Menu";
display: inline-block;
font-size: 24px;
font-family: 'Lato', sans-serif;
padding: 0;
margin: 0 auto;
vertical-align: middle;
}
.responsive-menu-icon {
cursor: pointer;
display: block;
margin-bottom: -1px;
text-align: center;
}
.genesis-nav-menu {
display: none;
}
.genesis-nav-menu .menu-item {
display: block;
text-align: left;
}
.genesis-nav-menu .menu-item a:hover {
background: #fff;
color: #000;
line-height: 1;
padding: 18px 20px;
}
@media only screen and (min-width: 1188px) {
.responsive-menu-icon {
cursor: pointer;
display: none;
margin-bottom: -1px;
text-align: center;
}
.genesis-nav-menu {
display: block;
}
.genesis-nav-menu .menu-item {
display: inline-block;
}
}
@media only screen and (max-width: 860px) {
.home-bottom .widget {
margin-bottom: 30px !important;
}
}