待解决的 CSS 问题

Question

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

有两个部分

A) 菜单 - 桌面

B) 菜单 - 手机 请给我解决方案代码。

A) 菜单 - 桌面

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

B) 菜单 - 移动子菜单

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

Answer 1

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

style.css:1145: - 移除 padding-left。

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