Html 当导航栏崩溃时，如何自定义下拉列表？

我的页面上有一个导航栏，左侧包含一组视图，右侧包含一组操作（例如创建）

在移动设备上，我希望左侧折叠成一个下拉框，而右侧的动作命令保持不变

我可以让它工作，但我不能让它看起来正确。我这里有一些工作代码

基本上，我的问题是在移动视图上，当我单击“切换视图”时，它会将整个导航栏变成一个下拉列表，并向下拖动右侧按钮

我希望它的行为就像一个标准的下拉列表（）。当我打开下拉列表时，如果它没有拖动新按钮，我会很高兴

---

如何从折叠的导航栏自定义下拉列表的行为？

导航栏标题向左拉

似乎是用边距将其向下推，但我似乎无法用CSS去除边距。奇怪。

导航栏标题向左拉

似乎在用边距向下推，但我似乎无法用CSS去除边距。奇怪。