如何降低导航栏高度

Question

我只是一个 html 的学习者，我正在制作一个模板，现在我需要稍微减小导航栏的大小，我已经成功地通过增加粗体字的边距来增加大小，但是我不能缩小尺寸，请帮忙。这是代码并附上导航栏的图片，或者直接点击https://giramisi.host/查看真实的现场直播

css 导航栏代码

.main-nav__main-navigation .main-nav__navigation-box,
.main-nav__main-navigation .main-nav__navigation-box ul {
margin: 0;
padding: 0;
list-style: none;
}
.main-nav__main-navigation .main-nav__navigation-box>li+li {
margin-left: 59px;
}
.main-nav__main-navigation .main-nav__navigation-box>li {
position: relative;
padding: 33px 0px 33px;
}
.main-nav__main-navigation .main-nav__navigation-box>li>a {
position: relative;
display: inline-block;
color: var(--thm-gray);
font-size: 16px;
line-height: 28px;
text-transform: capitalize;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
}
.main-nav__main-navigation .main-nav__navigation-box>li>a:before {
position: absolute;
left: 0;
bottom: -10px;
right: 0;
height: 0px;
background: var(--thm-primary);
content: "";
transform: scaleX(0.5);
opacity: 0;
transition: all 500ms ease;
z-index: -1;
}

}

Answer 1

尝试添加以下代码：

.main-nav__header-two__content-box {
height:90px;
}