andru26
7/22/2018 - 3:38 PM

site menu CSS

.menu > li{
  float: left;
  margin-left: 45px;
  position: relative;
}

.menu li a{
  color: #ffffff;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.menu > li > a{
	height:70px;
  line-height: 70px;
}

.menu li a:hover{
  color: #f5d038;
}

.menu li.current-menu-item > a{
  color: #f5d038;
}

.menu .sub-menu{
	position: absolute;
	z-index: 1000;
	left: 0;
	top:70px;
	background: #fff;
	background: #1c2732;
	box-shadow: 0 3px 10px rgba(0,0,0,0.3);
	overflow: hidden;
	display: none;
}

.menu .menu-item:hover > .sub-menu{
	display: block;
}

.menu .sub-menu li a{
	display: block;
	padding: 12px 20px;
	color: #ffffff;
	min-width: 200px;
}

.sub-menu > li.current-menu-item > a{
	color: #f5d038;
}

@media only screen and (max-width: 1024px) {
	body.open-nav .menu{
		display: block !important;
	}
	.menu{
		position: absolute;
		left: 0;
		right: 0;
		top: 64px;
		background: #1c2732;
		padding: 15px 0;
	}

	.menu li{
		display: block;
		float: none;
		margin: 0;
	}

	.menu li a{
		display: block;
		color: #fff;
		padding: 10px 30px;
		height: auto;
		line-height: inherit;
	}

	.menu .sub-menu{
		position: static;
		display: block;
		box-shadow: none;
		background: none;
	}

	.menu .sub-menu > .menu-item{
		padding-left: 25px;
	}

	.menu .sub-menu li a{
		padding: 9px 20px;
	}

	.menu .sub-menu > li.current-menu-item > a{
		color: #f5d038;
	}
}