Multi Column Genesis Header Navigation

header-menu-columns.css

.nav-header a {
	padding: 4px;
}

.nav-header .genesis-nav-menu  > .menu-item {
	width: 33%;
	float:left;
}

@media only screen and (max-width: 1023px) {

.nav-header .genesis-nav-menu > .menu-item {
	text-align: center;
	}

.nav-header .genesis-nav-menu > .menu-item > a {
	padding: 4px;
	}
}

@media only screen and (max-width: 400px) {

.nav-header .genesis-nav-menu  > .menu-item {
	width: 50%;
	}
}