实施响应式侧面菜单

Question

我一直在一个项目的网页上工作。该项目还有另一位软件工程师，他离开后我一直在浏览该网页。问题是，他更喜欢使用侧菜单而不是使用左面板和右面板方法的导航栏。在桌面上看起来不错，但是当您将宽度减小到移动尺寸时，侧面菜单消失，您只能看到右面板。

因此，我认为我可以使用在自学项目中使用的导航栏来解决此问题。 （https://orcungurer.github.io/tindog）希望不禁止发送它的网址。当您将其导航至移动设备时，该导航栏将变为汉堡菜单。 我已经完成了与url一样的导航栏，但是由于那个左面板和右面板的问题阻止了我，所以我无法将其实现到项目中。就像，导航栏适合他声明的左面板，但位于右面板后面。如果我提的问题太抽象了，我真的很抱歉，但是原因对我来说也太抽象了。.html文件太多，我无法完全适应这些问题。

我实现的导航栏菜单是这样的：https://www.codeply.com/go/tIsplp6WuY

它没有按我预期的进行。因此，我想在台式机上想做的事情是，我想保持网站的原样，但是当它变成移动大小时，我想做一个略有不同的菜单。正如我尝试的，汉堡导航栏菜单。您的所有意见对我都很重要，非常感谢。

Answer 1

理论上，我在某种程度上引起了您的关注，但了解您的问题并没有帮助。因此，如果您可以在Codepen，JSFiddle等上共享一些演示，那就太好了。