使用额外的 CSS 来避免桌面中可点击的父菜单，使用 Astra 主题？

如何解决使用额外的 CSS 来避免桌面中可点击的父菜单，使用 Astra 主题？

我正在使用 Astra 主题，并且我希望能够在我的菜单中单击（和/或 hoover）父文件夹，以便该文件夹打开并保持打开状态（或者至少在它们关闭之前会有延迟再次）。这主要是为了避免用户点击菜单中没有任何内容的父页面。我的很多页面只是为了菜单结构的目的而创建的，它们是空的。所以我不希望将我的用户发送到这些页面。其次，我还想避免在鼠标稍微移出菜单时菜单关闭，这有时会非常令人沮丧。

有没有办法在 Astra 主题中使用额外的 CSS 来做到这一点？我更喜欢 CSS，因为 Astra 主题有这种简单的方法来实现它，而无需太多的编码知识。

---

我已经试过了：

我找到了一个解决方案 for smaller screens（当菜单折叠成一个按钮时），但这对 my website 桌面版本中的菜单没有帮助。这是小屏幕的 CSS 代码，我认为效果很好：

button.ast-menu-toggle {
    width: 100% !important;
    padding-left: 90% !important;
    border: 0 !important;
    color: #000 !important;
}

我也知道我可以disable parent menu links使用自定义链接而不是作为父页面的页面 - 然后删除该链接。但是，这种方式有点麻烦，因为我有一个包含许多页面和子页面的大型现有菜单。当鼠标刚好位于菜单边框之外时，断开链接并不能解决菜单关闭的问题。