Align multi level sub-menus

Misfit79

Hi All,

I have run into an issue that I cannot figure out.

My site has multiple sub menus and I would like to align them all with the primary menu horizontally.

I have used:

/* The 7px padding causes the sub-menu to not align properly.
Move it 7px up */
.sm-page-layout-region-left .yui3-menu-children:last-child {
margin-top: -7px !important;
}

to attempt to align them, and it does move them all up (first sub menu is at the right height), however the second and third level menus are still off and would need to be moved up another 7px and 14px respectively, I'm not sure which element(s) would control this.

Thanks for any help

Rory

www.rjsalpinephotography.ca

Hikin' Mike

Try this...

.sm-user-ui .sm-page-widget-nav .yui3-menu ul{
    top: -13px;
    }
    .sm-user-ui .sm-page-widget-nav .yui3-menu ul ul{
        top: -7px !important;
        }

Misfit79

Hikin' Mike wrote: »

Try this...

.sm-user-ui .sm-page-widget-nav .yui3-menu ul{
    top: -13px;
    }
    .sm-user-ui .sm-page-widget-nav .yui3-menu ul ul{
        top: -7px !important;
        }

That's perfect! thanks very much.