Переместить главное меню влево, чтобы избежать совпадения некоторых пользовательских элементов.

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; } 

Это должно решить у наш выпуск ...