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

我在上进行了一些定制，但注意到一个我无法解决的问题。由于主菜单具有固定宽度，现在主菜单、搜索和购物车图标与主菜单重叠，使联系人页面无法访问。那个么，如何使主菜单向左偏一点，使联系人页面可用呢

这是该部分的CSS：

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

---

可能您应该尝试减少每个菜单元素的填充，方法如下：

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

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

然后，您还需要以这种方式从右向左更改菜单

float

规则：

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

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

这会解决你的问题