Hello, to reduce the space in menu modify padding value in style.css (or child theme)
from
.primary-navigation ul ul a {
padding: 18px 12px;
white-space: normal;
width: 176px;
}
to
.primary-navigation ul ul a {
padding: 8px 8px;
white-space: normal;
width: 176px;
}
Change padding value with your preferred value
For “center” arrow
change top value, (from 20px to 10px in example) from:
.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
content: "\f501";
right: 8px;
top: 20px;
}
to
.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
content: "\f501";
right: 8px;
top: 10px;
}
View my site (frequentflyeritalia.com) for an example ??