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

Question

我在site上使用导航栏时遇到了一些问题。导航栏位于应有的位置。我认为有2个问题。

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

我通过在此课程中将padding 1px（从14到13px）设置为较低来解决了这个问题：

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