Lining up subnav with nav

Community Forums Forums Design Tips and Tricks Lining up subnav with nav

This topic is: resolved

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

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

    jodzeee
    Participant
    Post count: 230

    I think this happens every time I do a StudioPress site …

    Once I start changing font sizes and padding to make the nav bar and subnav the size, width, height I want, it messes up the alignment of the next level(s) of navigation. I’ve played around with the CSS and can’t get a grasp of how to easily control it. They’re all lined up out of the box so nicely and I can’t seem to get it back that way with the spacing I desire.

    Any tips?

    Example: http://www.rocksolidmn.com/
    (hover over About Us > Resources)

    #108265

    rfmeier
    Participant
    Post count: 597

    Hello,

    The third level menu items (ul elements) have a static margin assigned to them, so if the link element padding changes across the menu the third level menus will be off.

    I was able to mock changes in Chrome to get good results.

    [css]
    /* style.css line ~504 */
    .menu-primary li ul ul,
    .menu-secondary li ul ul,
    #header .menu li ul ul {
    margin: -45px 0 0 220px;
    }[/css]

    This should hopefully take care of the issue or get you closer.


    #108282

    jodzeee
    Participant
    Post count: 230

    Oh, thank you! I was focusing on the LI and not the UL and didn’t see that.

    Much appreciated!

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

You must be logged in to reply to this topic.