在徽标和购物篮之间正确对齐导航栏

Question

我在这个site 上的导航栏遇到了一些问题。导航栏低于应有的位置。在我看来，有两个问题。

1：菜单之间的宽度太大。当我删除一个菜单选项时，菜单对齐良好。

2 我不得不在下面的 HTML 行中设置这个 CSS，因为徽标不可点击。如果我删除内联块，菜单会完美对齐，但徽标不可点击。

<nav id="wp-megamenu-primary_navigation" class="wp-megamenu-wrap">

#wp-megamenu-primary_navigation {   
    padding-right: 15px !important;
    padding-left: 15px !important;
    display: inline-block;
}

我需要使菜单栏在徽标和结帐篮之间对齐，并且仍然使徽标和购物篮可点击。

有人知道怎么做吗？

Answer 1

我解决了在这个类上将填充设置为 1px（从 14 到 13px）降低的问题：

.wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a {
    padding: 15px 13px;
}