点主题 - Wordpress:菜单

loading...


0

我不是一个专业的程序员,但可以理解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;
       ...
    }
    

loading...

评论

暂时没有评论!