help with sub-menu alignment

Community Forums Forums Design Tips and Tricks help with sub-menu alignment

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Slay Matthews 2 years, 4 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #49237

    Slay Matthews

    I can’t for the life of me figure out how to do this.

    When a sub-menu drops down, it’s left edge appears to align with the left edge of its parent. Instead, I’d like the right edges to be aligned.

    Anyone know how to do this?


    It looks like you have them centered now. It looks like you added

    .submenu {
         margin-left: -100px;

    Is this the way you want it now? If you still want to have them align on the right, you can try -150px, and then tweak it a few pixels, if it needs more.


    Slay Matthews

    That’s closer. In fact, what I’d really like is for each sub-menu to automagically align with the right edge of it’s parent. But since each nav-menu item is a different size (e.g. GIVE vs CALENDAR) it seems like I’ll have to change the margins for each sub-menu individually.

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

You must be logged in to reply to this topic.