Theme Horse

To reduce spacing between the menu item just go to Appearance > Customize > Additional CSS and paste the below custom CSS code to

@media (min-width: 992px) {
	.main-navigation a {
		padding-left: 10px;
		padding-right: 10px;
	}
	.main-navigation > ul > li.menu-item-has-children > a,
	.main-navigation > ul > li.page_item_has_children > a {
		padding-right: 25px;
	}
	.main-navigation > ul > li.menu-item-has-children > a:after,
	.main-navigation > ul > li.page_item_has_children > a:after {
		right: 10px;
	}
	.search-toggle {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (min-width: 1600px) {
	.main-navigation a {
		padding-left: 15px;
		padding-right: 15px;
	}
	.main-navigation > ul > li.menu-item-has-children > a,
	.main-navigation > ul > li.page_item_has_children > a {
		padding-right: 32px;
	}
	.main-navigation > ul > li.menu-item-has-children > a:after,
	.main-navigation > ul > li.page_item_has_children > a:after {
		right: 15px;
	}
	.search-toggle {
		padding-left: 15px;
		padding-right: 15px;
	}
}