Javascript 需要移动绑定到汉堡包菜单的导航菜单

我有一个汉堡包菜单图标，链接到（屏幕左上方）的下拉导航菜单，如以下链接所示：

我想这样做，当汉堡菜单（3条）被点击时，菜单会齐平地下降到顶部导航条的末端。现在你可以在下拉列表下面看到顶部导航栏的颜色。这有点难以解释，但我希望它看起来更像下面链接中的图片：

我只是想要它，这样就不会有重叠的颜色使它看起来脱节，在某种意义上

---

我试着把汉堡包的菜单调低一点，结果弄不好。我在想，因为我可以调整导航菜单的大小（宽度、填充），所以必须在不移动汉堡和导航退出图标/滚动的情况下将其向下移动。我一直在愚弄这一点有一段时间，只是不知道这是否可能？有什么想法吗？非常感谢-贝丝

我正在慢慢回答我的问题，但我还没有回答。我将css调整为以下内容：#导航包装顶部为150px，汉堡包装顶部为80px。这使对齐正确，但它在屏幕上看起来不太好，所以我必须找出下一步？好的。这部分工作正在进行。我把#汉堡包-顶部：30px和#导航包装器#导航单元出口-顶部：-110px。现在我只需要弄清楚如何将tabs#navigation tabs表td向上移动约30px。我想不出来。有什么想法吗？我正在慢慢地回答我的问题，但我还没有找到答案。我将css调整为以下内容：#导航包装顶部为150px，汉堡包装顶部为80px。这使对齐正确，但它在屏幕上看起来不太好，所以我必须找出下一步？好的。这部分工作正在进行。我把#汉堡包-顶部：30px和#导航包装器#导航单元出口-顶部：-110px。现在我只需要弄清楚如何将tabs#navigation tabs表td向上移动约30px。我想不出来。有什么想法吗？