点主题 - Wordpress：菜单

Question

我不是一名专业的程序员，但可以理解HTML和CSS，并对它们进行修补。我在Wordpress上使用Point主题。这是我正在处理的网站（网站仍在建设中）。

http://reachout.ind.in/

我的疑问是关于主要菜单：

1. 如果您将鼠标悬停在最后一项 - “帮助热线”上，您会看到子类别列表已被父块的宽度切断。我看到了这个帖子：move menu dropdown to left但是我无法弄清楚我应该使用哪个“父块”。我会在这里粘贴代码，但样式表中的样式太多了。我试过看Chrome的“Inspect Element”功能，我看到包装类是：

   <li id="menu-item-153" class="menu-item menu-item-type-post_type menu-item-object-page">
       <a href="http://reachout.ind.in/helplinesdirectory/suicide-helplines/">Suicide Helplines<br>
          <span class="sub"></span>
       </a> 
   </li>
   

“menu-item-object-page”类不在样式表中。

我该如何解决这个问题？

1. 当我向菜单中添加更多元素时，它会溢出到下一行（显然）并且对齐变得混乱。如何在菜单中添加新元素并保留样式？

如果有人可以告诉我要粘贴什么，很高兴在这里粘贴特定的代码！谢谢！

Answer 1

您的问题是导航设计用于向右打开下拉菜单，这是正常的，但是对于列表中的最后一项是痛苦的。这就是为什么在Web架构中，您永远不希望页面内容扩展到屏幕的绝对边缘。你想要在侧面留有一些排水沟以允许右下方的导航和下拉等。所以，我看到它的方式，你有2个选择：

1. 返回左侧浮动导航。它会让你头疼，因为你不专业。删除浮动：右;在你的style.css的这个css部分

    .secondary-navigation {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        /*float: right;*/
     }
   

2. 删除溢出：隐藏在内容正文中：

   .main-container {
      width: 980px;
      margin: 0 auto;
      /* overflow: hidden; */
      padding: 0;
      ...
   }