Уменьшить ширину раскрывающегося меню в Wordpress
Я использовал выпадающее меню. у него есть две марки колонны, одна смотрит на другой нож. предыдущие часы имели выпадающее мега-меню с 5 столбцами. я удалил две колонки. теперь он показывает дополнительное черное пространство. как его удалить? я использовал меню во всю ширину при создании меню. это ссылка на мой сайт
Пожалуйста, помогите мне? как уменьшить выпадающее дополнительное черное пространство? часовые бренды? есть идеи насчет этого?
1 answers
Это проблема css. Вам нужно отредактировать два селектора.
Во-первых, это ширина меню. Он установлен на 100%, поэтому вы видите черное пространство. Отредактируйте этот класс ниже.:
.cap-primary-menu .menu > li.menu-full-width .cap-submenu-ddown {
padding: 20px 25px 25px;
width: 100%; // set this to auto or something smaller than 100%
left: 0;
border: 1px solid #eee;
background: #fff;
}
Теги li в этом меню должны быть кратны пяти, за вычетом некоторого отступа, поэтому вы видите 18%. Поэтому вам нужно изменить этот селектор:
.cap-primary-menu .menu > li.menu-full-width .cap-submenu-ddown .container > ul > li {
width: 18.297%; // change this to 30% and go from there.
}