Custom menu appearing as open list

• 

  errorsinc · Member · Dec 5, 2013 at 12:07 pm

  • Copy link
  • Add topic to favorites

  Hi, sorry for the bother but I’m not able to figure out how to make the custom menu list appear as an open list. The structure I have is:

  1
  1a
  1b

  2
  2a
  2b…

  3
  3a
  3b…

  This is appearing as overlapping drop down and I’m not sure if ‘display: block’ is all I need in my CSS to make it work, and if so where exactly in the access code below.

  #access {
  	height: 400px;
  	width: 156px;
  	border-right: none;
  	border-left: none;
  	border-top: 0 solid #efefef;
  	border-bottom: none;
  	margin-top: -10px;
  	font-size: 13px !important;
  }
  
  .home #access, .archive #access {
  	border-right: none;
  	margin-left: -196px;
  
  }
  
  #access ul ul {
  	left: 0;
  	top: 3em;
  	box-shadow: none;
  	border: none;
  
  }
  
  #access ul ul li {
  	padding: 0;
  	border-bottom: 1px #bfbfbf dotted;
  	font-style: italic;
  	margin-left: 5px;
  	margin-top: -5px;
  	margin-bottom: 5px;
  	font-size: 12px;
  
  }

  Many thanks in advance for any suggestions.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 7, 2013 at 3:46 am

  • Copy link

  Wow! Awesome job on reworking the menu in Suburbia!

  Let us know if you have further questions or problems.

• 

  errorsinc · Member · Dec 8, 2013 at 12:38 am

  • Copy link

  All thanks to wp-forum help!

  I’m still not able to figure out a solution to my problem. I’d like to remove the drop-down on hover since it covers up the other links and would instead like to try and have the menu as an open list (i.e. no hover drop-down, just plain listing of the menu-submenu items). Could you tell me how this can be done, given my CSS above?

  Will be grateful for any help.

• 

  thesacredpath · Member · Dec 9, 2013 at 4:48 pm

  • Copy link

  Hi there, add this to your custom CSS and see what you think. What it does is to keep the menu items below the dropdown visible when a menu item above it is hovered.

  #access ul ul {
  position: static;
  }

• 

  errorsinc · Member · Dec 9, 2013 at 6:29 pm

  • Copy link

  That works! Thanks a lot.

• 

  thesacredpath · Member · Dec 9, 2013 at 11:14 pm

  • Copy link

  You are welcome.