srikat icon

Untitled

srikat | PRO | 11/14/17 08:07:08 PM UTC | 0 ⭐ | 378 👁️ | Never ⏰ | []
text |

2.77 KB

|

None

|

0 👍

/

0 👎

@media only screen and (max-width: 1179px) {
 	.genesis-nav-menu.responsive-menu,
	.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu {
		display: none;
	}
 	.genesis-nav-menu.responsive-menu .menu-item,
	.responsive-menu-icon {
		display: block;
	}
 	.genesis-nav-menu.responsive-menu .menu-item:hover {
		position: static;
	}
 	.genesis-nav-menu.responsive-menu .current-menu-item > a,
	.genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover,
	.genesis-nav-menu.responsive-menu li a,
	.genesis-nav-menu.responsive-menu li a:hover {
		background: none;
		border: none;
		display: block;
		line-height: 1;
		padding: 16px 20px;
	}
 	.genesis-nav-menu.responsive-menu .menu-item-has-children {
		cursor: pointer;
	}
 	.genesis-nav-menu.responsive-menu .menu-item-has-children > a {
		margin-right: 60px;
	}
 	.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
		content: "\f347";
		float: right;
		font: normal 16px/1 'dashicons';
		height: 16px;
		padding: 15px 20px;
		right: 0;
		text-align: right;
		z-index: 9999;
	}
 	.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
		content: "\f343";
	}
 	.genesis-nav-menu.responsive-menu .sub-menu {
		background-color: rgba(0, 0, 0, 0.05);
		border: none;
		left: auto;
		opacity: 1;
		position: relative;
		-moz-transition:    opacity .4s ease-in-out;
		-ms-transition:     opacity .4s ease-in-out;
		-o-transition:      opacity .4s ease-in-out;
		-webkit-transition: opacity .4s ease-in-out;
		transition:         opacity .4s ease-in-out;
		width: 100%;
		z-index: 99;
	}
 	.genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
		background-color: transparent;
		margin: 0;
		padding-left: 25px;
	}
 	.genesis-nav-menu.responsive-menu .sub-menu li a,
	.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
		background: none;
		border: none;
		padding: 14px 20px;
		position: relative;
		text-transform: none;
		width: 100%;
		color: #fff !important;
	}
 	.nav-primary .genesis-nav-menu.responsive-menu {
		padding-bottom: 16px;
	}
 	.site-header {
		height: auto;
		padding-bottom: 0;
	}
 	.site-header > .wrap {
		position: relative;
	}
 	.site-header .title-area {
		padding: 18px 0;
		width: auto;
	}
 	.header-image .site-title a {
		width: 170px;
		height: 30px;
	}
 	.site-header .widget-area {
		width: 100%;
	}
 	.responsive-menu-icon {
		position: absolute;
		right: 0;
		top: 27px;
	}
 	.site-header ul.genesis-nav-menu {
		margin-bottom: 10px;
	}
 	.responsive-menu-icon::before {
		text-align: right;
	}
 }
 @media only screen and (max-width: 800px) {
 	.site-header .title-area {
		padding: 10px 5%;
	}
 	.responsive-menu-icon {
		right: 5%;
		top: 24px
	}
 }

Comments