Css 导航栏中的活动区域不是全高

我有一个响应迅速的网站，但导航栏给我带来了问题

第一个问题是点击链接的活动区域不是导航栏的全高，我需要它一直向下

第二个问题是，当我切换到移动视图时，菜单中包含了电子邮件地址和电话号码

我已经修复了导航和顶部，不确定这是否与它有关

---

如果有人想查看，我会在测试地址上找到页面-

第一个问题：不是最好的解决方案，只是解决方法：

#cssmenu > ul > li {
float: left;
display: inline-block;
background: yellow;
color: black;
height: 104px; //ADD HEIGHT OF THE ul
}

#cssmenu > ul > li > a {
padding: 40px 10px 10px 10px;
border-right: 1px solid rgba(80, 80, 80, 0.12);
text-decoration: none;
font-size: 14px;
font-weight: 500;
color: black;
text-transform: none;
letter-spacing: 1px;
height: 100%; //LET li PICK THE HEIGHT OF ul
}

如果您找到一种不使用高度像素的方法，它会更好

第二个问题是由位置引起的：固定的收割台，您将其移除，它将不会被覆盖

<header style="width: 100%; padding: 0px; background-color: rgb(255, 255, 255); z-index: 99; top: 0px; "><div class="gridContainer clearfix">

    ....
 </header>

....

---

在addiction中，不要使用css内联，将其放入.css文件中，并使用

标记包含在html文件中。

欢迎使用Stack Overflow！寻求代码帮助的问题必须包含在问题本身中重现代码所需的最短代码。虽然您提供了一个示例的链接，但如果该链接无效，您的问题将对其他具有相同问题的未来用户没有任何价值。嗨，Paulie，我如何添加并显示我已有的代码？请尝试一下。您好，Paulie，谢谢您的帮助，尝试了JSFIDLE但无法使用，将在其他地方尝试