Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

css controling main nav list style in Manifest

  1. almostartist
    Member

    almostartist.com

    thank you in advance cause you guys have been great :D

    trying to figure out the best layout/style for my main nav list sub menu items. Right now in categories - when you hover for the submenu the list appears in a block across

    Trying to look through the CSS and figure out what list-style item in there is effecting that piece of code so I can play with other options such as have the sub menu drop down in a top/bottom layout from categories

    do i adjust something here?

    #access ul {<br /> display: inline-block;<br /> }

    or something more specific to the submenu?

    while at the main nav - i noticed my underline hover bar for home and about seems to be off (up) from the bottom border by one pixel - not sure how I managed that - or how to have the hover and the bottom border in sync - something with the margins?

    THANKS!

    The blog I need help with is almostartist.wordpress.com.

  2. thesacredpath
    Member

    This will give you something to play with.

    #main-nav ul ul li {
display: block;
}

#main-nav ul ul {
left: auto;
margin-top: 5px;
text-align: left;
}

  3. almostartist
    Member

    great thanks again thesacredpath

    so i see what i needed to do was get the display to block instead of the inherited inline-block?

    for the ul ul il which is the sub-menu list in the main nav (i think ) phew

    now at least i think i have a starting place to get it going a bit more

    and i need to tinker with the highlight underline for the nav items - i must have some extra padding somewhere

  4. thesacredpath
    Member

    You are welcome

    I dropped in the 5px of top margin on #main-nav ul ul to move the subs down so they weren't blocking part of the bottom border on the top level menu items.

  5. almostartist
    Member

    thanks

    hum not sure how to get the extra white space from the sub-menu drop down out?

    also i was checkign out Beuno - which has such a nice clean menu nav highlight - http://catbcn.wordpress.com/

    but mine looks so spastic, not fluid like that

  6. designsimply
    Staff

    To remove the extra white space from above the submenu dropdown appearing on your site right now, find the "#main-nav ul ul" selector and make sure margin-top and padding-top are set to zero:

    #main-nav ul ul {
margin-top: 0;
padding-top: 0;
}

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags