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

Community Forums Forums Design Tips and Tricks Align sub-menu to left of content, not left of parent.

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Tony @ AlphaBlossom 4 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #103542

    creative5designs
    Member
    Post count: 3

    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
    #104316

    Tony @ AlphaBlossom
    Participant
    Post count: 543

    Looks like this is resolved?


    #104874

    creative5designs
    Member
    Post count: 3

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

    #104945

    Tony @ AlphaBlossom
    Participant
    Post count: 543

    Awesome, glad to hear it!


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.