点主题 - Wordpress：菜单-Java 学习之路

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

http://reachout.ind.in/

我的疑问是关于顶部的主菜单：

如果查看最后一项 - "Helplines"，当您将鼠标悬停在其上时，您将看到子类别列表已被父块的宽度截断 . 我看到了这个帖子：move menu dropdown to left但我无法弄清楚我应该使用哪个"parent block" . 我会在这里粘贴代码，但样式表中的样式太多了 . 我试过看看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 回答

0
您的问题是导航设计用于向右打开下拉菜单，这是正常的，但是对于列表中的最后一项是痛苦的 . 这就是为什么在Web体系结构中，您永远不希望页面内容扩展到屏幕的绝对边缘 . 你想要在侧面有一些排水沟，允许右下方的导航与下拉等 . 所以，我看到它的方式，你有2个选择：
- 返回左侧浮动导航 . 它会让你头疼，因为你不专业 . 删除浮动：右;在你的style.css的这个css部分
```
.secondary-navigation {
     display: block;
     margin: 0 auto;
     max-width: 100%;
     /*float: right;*/
  }
```
- 删除溢出：隐藏在内容正文中：
```
.main-container {
   width: 980px;
   margin: 0 auto;
   /* overflow: hidden; */
   padding: 0;
   ...
}
```
回复于 2024-04-27T03:10:39+08:00

点主题 - Wordpress：菜单

1 回答

相关问题