CSS问题有待解决

Question

我在my site中有关于CSS的以下问题，

有两个部分

A）菜单 - 桌面

B）菜单 - 移动  请为此提供解决方案代码。

  

A）菜单 - 桌面

1. 子菜单对齐 - 在菜单项下，对齐，因此没有子菜单可以在屏幕外滑动（当前向右滑动，子菜单显示屏幕外）

  

B）菜单 - 移动SubMenu

1. 菜单项文字应展开子子菜单 - 即点击“关于我们”，子菜单展开（关于我们，评论，联系等）
2. 重新点击菜单项（“关于我们”）会折叠子菜单。因此，单击另一个子菜单项（“服务”）将折叠第一个子菜单并展开服务 - 一次只会扩展一个子菜单。

Answer 1

  

子菜单对齐 - 在菜单项下，对齐，因此没有子菜单可以在屏幕外滑动（当前向右滑动，子菜单显示屏幕外）

style.css:1145： - 删除padding-left。

.genesis-nav-menu .menu-item:hover > .sub-menu {
    left: auto;
    opacity: 1;
}