Bootstrap菜单下拉问题

Question

我的问题是使用引导程序菜单。我在WP主题中使用wp_bootstrap_navwalker，我在网上找到了一些解决方案，以便更深入nav，但我找不到解决方案，使其在桌面上工作正常和在较小的设备上。

我有这个菜单结构：

我的问题是：如何启用所有菜单项，下拉项和子下拉项，以便在所有设备上点击（悬停在桌面上并点击小设备）。我想在小型设备上应该有一些功能可以让你点击2次访问链接，然后点击一下就可以打开子项。

我目前有this solution，但并没有做我想要的事情，因为我的子下拉项目同时出现在这样：

我在header.php和style.scss中使用的

This is the exact code (JSFiddle)。

有什么想法吗？