css controling main nav list style in Manifest

  • Author
    Posts
  • #812099

    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 {
    display: inline-block;
    }

    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.

    #812286

    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;
    }
    #812321

    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

    #812324

    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.

    #812345

    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

    #812368

    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;
    }

The topic ‘css controling main nav list style in Manifest’ is closed to new replies.