CSS下拉菜单样式重叠答案

【问题标题】：CSS Drop down menu styling overlappingCSS下拉菜单样式重叠
【发布时间】：2017-08-10 00:03:27
【问题描述】：

问：有人知道如何在我的网站上设置子菜单的样式，使其不会像现在这样重叠吗？

我已经绑定在 CSS 中执行此操作，但所有子菜单都会移动，而不仅仅是子菜单。

cherwelluk.com

翻转窗户并尝试选择木材替代品。

.nav.navbar-nav li ul.sub-menu li a {
    color: #FFF;
    text-transform: uppercase;
    padding: 5px 0px;
    display: block;
    font-size: 14px;
}

Image

【问题讨论】：

标签： html css wordpress drop-down-menu

【解决方案1】：

您可以添加此 CSS 规则以将子菜单移动到子菜单的右侧：

.nav.navbar-nav ul li ul.sub-menu {
    left: 200px;
}

【讨论】：

您知道我需要在 CSS 中添加什么代码以使其在移动设备和 ipad 上正确对齐吗？

【解决方案2】：

尝试添加以下 CSS。

.sub-menu{margin-left:10px}

【讨论】：