Align sub-menu to left of content, not left of parent.

[creative5designs]

I'm working with the Lifestyle Pro theme and am trying to get my sub-menu to be the full-width of the content and align to the left of the content rather than the parent. The theme is set up on my test site: test2.creative5designs.com Basically, I want all of my drop-down menus to appear in the same position as the drop-down under 'Managing Money' rather than aligned to it's parent. (Hope that makes sense!)

Any ideas on how to make this work? CSS I'm currently using for the sub-menus:

.genesis-nav-menu .sub-menu {
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 1140px;
	z-index: 99;
	overflow: hidden;
	background: #e9e9e9;
	
}

.genesis-nav-menu .sub-menu a {
	font-size: 12px;
	font-size: 1.2rem;
	color: #000;
	position: relative;
	padding: 15px 5px 10px;
	height: auto;
	font-family: montserrat;
	text-transform: none !important;
	float: left;
}

.genesis-nav-menu .sub-menu a:hover {
	font-size: 12px;
	font-size: 1.2rem;
	color: #3d7301;
	position: relative;
	float: left;
	padding: 15px 5px 10px;
	height: auto;
}

Thanks in advance!

http://test2.creative5designs.com

[Tony @ AlphaBlossom]

Looks like this is resolved?

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[creative5designs]

Yes - I wound up just using the Ubermenu plug-in to achieve this. Marking as resolved now.

[Tony @ AlphaBlossom]

Awesome, glad to hear it!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Author]

Posts