Menu Issues

• 

  jbradley87 · Member · Jul 4, 2010 at 5:19 pm

  • Copy link
  • Add topic to favorites

  Hi guys,
  2 issues with menus on a new wordpress site.

  First of all, when I’m putting menu items together, if there are more than 20 in total, I get a forbidden error for nav-menus.php when trying to save.

  Secondly, the mouseover height for the submenus is the currently the same as that for the top level menu, which is crreating spacing issues in the submenus, is there any way to fix that? CSS here:

  /* =Menu
  ————————————————————– */

  #access {
  margin: 0 auto;
  width: 815px;
  display:block;
  float:left;
  background-image: url(images/menu.jpg);
  height: 44px;
  margin-top: 55px;
  }
  #access .menu-header,
  div.menu {
  font-size: 20px;
  font-weight: bolder;

  }
  #access .menu-header ul,
  div.menu ul {
  list-style: none;
  color: #666;
  margin: 0;
  margin-left: 0px;
  }
  #access .menu-header li,
  div.menu li {
  float:left;
  position: relative;
  }
  #access a {
  display:block;
  text-decoration:none;
  color:#FFF;
  padding:0px 20px;
  line-height:40px;
  background-image: url(images/line.gif);
  z-index: 5;
  background-repeat: no-repeat;
  background-position: left;
  }
  #access ul ul {
  display:none;
  position:absolute;
  top:38px;
  left:0;
  float:left;
  width: auto;
  z-index: 99999;
  }
  #access ul ul li {
  min-width: 170px;
  }
  #access ul ul ul {
  left:100%;
  top:0;
  }
  #access ul ul a {
  background:#333;
  height:auto;
  line-height:1em;
  padding:5px;
  width: auto;
  }
  #access li:hover > a,
  #access ul ul :hover > a {
  color:#C00;
  background-color:#000;
  height: 44px;
  }
  #access ul li:hover > ul {
  display:block;
  }
  #access ul li.current_page_item > a,
  #access ul li.current-menu-ancestor > a,
  #access ul li.current-menu-item > a,
  #access ul li.current-menu-parent > a {
  color: #FFF;
  }

  * html #access ul li.current_page_item a,
  * html #access ul li.current-menu-ancestor a,
  * html #access ul li.current-menu-item a,
  * html #access ul li.current-menu-parent a,
  * html #access ul li a:hover {
  color: #666;

• 

  supportbot · Member · Jul 4, 2010 at 5:19 pm

  • Copy link

  You did not specify a blog address or reason for posting when you created this topic.

  This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

  If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

  If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

  This is an automated message.