将主菜单向左移动以避免一些自定义元素重叠

Question

我对 my site 进行了一些自定义，但发现一个我无法解决的问题。由于主菜单的宽度固定，现在主菜单、搜索和购物车图标与主菜单重叠，导致无法访问联系页面。那么如何使主菜单向左一点，以便联系页面可用？

这是CSS那部分的：

.wr-megamenu-container ul.wr-mega-menu {
z-index: 9999;
float: left;
margin: 0;
padding: 0;
width: 100%;
}

Answer 1

也许你应该尝试减少每个菜单元素的填充，这样：

.header-primary-nav .wr-mega-menu.nav-menu> li >a { padding: 0 8px;}

那么您还需要将菜单 float 规则从右到左更改为：

.logo-wrapper .header-primary-nav, .logo-wrapper .hgroup-sidebar { float: left; }

这应该可以解决您的问题……

Move main menu to left to avoid some custom elements overlapping