css controling main nav list style in Manifest

• 

  almostartist · Member · Jan 31, 2012 at 3:19 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 31, 2012 at 6:40 pm

  • Copy link

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

• 

  almostartist · Member · Jan 31, 2012 at 7:27 pm

  • Copy link

  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

• 

  thesacredpath · Member · Jan 31, 2012 at 7:31 pm

  • Copy link

  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.

• 

  almostartist · Member · Jan 31, 2012 at 8:42 pm

  • Copy link

  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

• 

  designsimply · Member · Jan 31, 2012 at 9:38 pm

  • Copy link

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